LI исчезают при наведении - PullRequest
Новая
       7

LI исчезают при наведении

0 голосов
/ 23 декабря 2011

Я настроил список, который, когда вы наводите курсор мыши на ЛИ, другие слегка исчезают, и полностью виден только тот, который находится в фокусе, это прекрасно работает, когда вы наводитесь над 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});
});

Большое спасибо

1 Ответ

2 голосов
/ 23 декабря 2011

Вы имеете в виду что-то вроде этого - 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});
});
...