jquery - jqueryホバー時に他のリスト項目をフェードさせ、クリックしたときに項目を100％の不透明度に保ちます

Question

アイテムのリストが 100% 不透明で、アイテムがホバーされると、他のすべてのアイテムの不透明度が 30% に低下するサイトで作業しています。以下のコードを使用すると、これが正しく機能します。ここで必要なのは、クリックされたアイテムの不透明度を 100% のままにし、他のアイテムからフェードを取り除くことです。誰でも助けることができますか？ありがとう

$(function() {
$("#input_1_8>li").hover( 
function() {}, 
function() {     
$('#input_1_8>li').fadeTo(0.1, 1.0); 
});

$("#input_1_8>li").hoverIntent(
function(){
$(this).attr('class', 'current'); // Add class .current
$(this).siblings().fadeTo(0.1, 0.3); // Fade other items to 30%
$(this).fadeTo(0.1, 1.0); // Fade current to 100%
}, 
function(){            
$(this).removeClass("current"); // Remove class .current
$(this).fadeTo(0.1, 1.0); // This should set the other's opacity back to 100% on mouseout   
}
); 
$("#input_1_8>li").on('click', function(){
$("#input_1_8>li").unbind("mouseenter").
               unbind("mouseleave");
});


});

Answer 1

試す ：

$("#sites>li").on('click', function(){
    $("#sites>li").unbind("mouseenter").
                   unbind("mouseleave");
});