Question

我已经设置了一个列表，当你将鼠标悬停在LI上时，其他人稍微淡出，只有焦点中的一个完全可见，一旦你徘徊超过2，这个工作正常，但是在最初的悬停时它们都会淡出。有人能指出我正确的方向吗？

$("#products ul ul").hover(function(){
    $('li', this).siblings().stop().animate({"opacity": .8});
},function(){
    $('li',this).stop().animate({"opacity": 1});
});

$("#products ul ul li").hover(function(){
    $(this).stop().animate({"opacity": 1});
},function(){
    $(this).stop().animate({"opacity": .8});
});

非常感谢

Answer 1

你的意思是这样的 - http://jsfiddle.net/PVGS7/？

<div id="products">

<ul>
    <li>list item</li>
    <li>list item</li>
    <li>list item
        <ul>
            <li>sub list item</li>
            <li>sub list item</li>
            <li>sub list item</li>
            <li>sub list item</li>
            <li>sub list item</li>
        </ul>
    </li>
    <li>list item</li>
    <li>list item</li>
    <li>list item</li>
</ul>

</div>

和JS

$("#products ul li").hover(function(){
    $(this).siblings().stop().animate({"opacity": .5});
},function(){
    $(this).siblings().stop().animate({"opacity": 1});
});

李在飞行时淡出

1 个答案: