jquery - 单击此菜单项时如何更改其他菜单项的不透明度？

Question

当单击一个菜单项时，我试图更改导航菜单中其他菜单项的不透明度。我目前已经尝试过这个，这破坏了我的 jQuery 代码:

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

顺便说一句 - 作为示例，我只对一个菜单项执行了此操作，但是当我将其应用于所有 5 个菜单项时，是否有更好的编码方法。

这是我已经走了多远的小窍门:http://jsfiddle.net/9D33X/

Answer 1

$(".cmNavItem a").on('click', function(e){
    e.preventDefault();
    $(this).css('opacity','1')
           .closest('.cmNavItem')
           .siblings('.cmNavItem')
           .find('a')
           .css('opacity', '0.3')
});

FIDDLE