jquery - シンプルなjquery CSSのアミノ化されたフェード

Question

ネットを検索しましたが、私の例に合った解決策が見つからないようです。1 つの div をホバーすると、他のすべての div がフェードアウトするようにします。私はこれを機能させていますが、フェードが0.5秒続くようにアニメーション化するにはどうすればよいですか? 以下のJSfiddleどうもありがとう

$(function() {
    $(".box").hover(function() {
        $(this).css('opacity', '1').siblings(".box").css('opacity', '0.5')
    });
    $(".OuterBox").mouseout(function() {
        $(this).find(".box").css('opacity', '1')
    });
});

http://jsfiddle.net/JE5fe/

Answer 1

これを試してください：

http://jsfiddle.net/JE5fe/6/

$(this).css('opacity', '1').siblings(".box").css('opacity', '0');