1

メニュー項目がクリックされたときに、ナビゲーション メニューの他のメニュー項目の不透明度を変更しようとしています。私は現在これを試しましたが、これは私のjQueryコードを壊します:

$("#navItem1").click(function(){
        $("#navItem2").css("opacity","0.3");  
        $("#navItem3").css("opacity","0.3");  
        $("#navItem4").css("opacity","0.3");  
        $("#navItem5").css("opacity","0.3");  
    });

また、補足として、例として1つのメニュー項目に対してのみこれを行いましたが、5つのメニュー項目すべてに適用するときにこれをコーディングするより良い方法はありますか.

これが私がどこまで到達したかのjfiddleです:http://jsfiddle.net/9D33X/

4

3 に答える 3

2

このような:

デモを見る

$(document).ready(function(){

    $("#cmNav li").click(function(){
        $("#cmNav li").not(this).css("opacity",.3);  
        $(this).css("opacity",1);   
    });

    $("#cmNavContainer").animate({left: 0}, 1000);

});

于 2013-05-13T17:10:46.133 に答える