Javascript слайдера LI

Question

У меня возникла проблема с парящей литией, что он парит со всеми ливами, а не с той, что у меня.

html:

<div id="lista">
      <ul>
        <li>
             <a href="#">content1</a>
           <div class="slide">hide content1</div>
        </li
       <li>
             <a href="#">content2</a>
           <div class="slide">hide content2</div>
        </li>
      </ul>

    </div>

JavaScript:

$('#lista li ').hover(function () {
$('.slide').slideDown('slow');
}, function () {
$('.slide').slideUp('fast');
});
});

Answer 1

$('#lista li ').hover(
    function () {
        $(this).children('.slide').slideDown('slow');
    },
    function () {
       $(this).children('.slide').slideDown('slow');
    }
);

Объяснение: Каждый раз, когда вы наводите элемент #lista li, вы должны ссылаться на его дочерний элемент .slide. Если вы просто делаете $ ('. Slide'), это означает, что вы ссылаетесь на каждый элемент .slide во всем документе;)

Answer 2

Попробуйте .mouseover вместо .hover