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");
});