隱藏其他列表元素時，懸停在一個列表項目

Question

我有一個unidrr列表li元素，當我將鼠標懸停在一個元素上，我想隱藏其他元素。我如何用jQuery來做到這一點。

<ul class='sidebar-iproducts-ul'> 
    <li>IPuzzles</li> 
    <li>IPuzzles</li> 
    <li>IPuzzles</li> 
    <li>IPuzzles</li> 
    <li>IPuzzles</li> 
    <li>IPuzzles</li> 
</ul> 

Answer 1

看看這個fiddle

的JS

$('ul.sidebar-iproducts-ul li').mouseover(function(){ 
    $(this).siblings().css('visibility', 'hidden'); 
}); 

$('ul.sidebar-iproducts-ul li').mouseout(function(){ 
    $(this).siblings().css('visibility', 'visible'); 
}); 

風格

li{ 
display: block; 
width: 100px; 
} 

Answer 2

var $items = $("ul.sidebar-iproducts-ul").children("li"); 
$items.hover(function() { 
    $items.fadeOut(); 
    $(this).show(); 
}); 

也許它會幫助你。

Answer 3

可能是你可以這樣寫

$('.sidebar-iproducts-ul li').hover(function(){ 
    $('li').css('display', 'none'); 
    $(this).css('display', 'block'); 
});