Javascript向下滑动悬停LI

我有一个问题，在一个盘旋李，他盘旋所有的李，而不是一个我有盘旋

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>

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

---

尝试

.mouseover

而不是

。悬停

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

---

说明：每次将

#lista li

元素悬停时，都必须引用其子元素

。slide

元素。如果只执行$（'.slide'），则表示您引用的是整个文档中的每个

.slide

元素；）

此外，还将为幻灯片

$（'.slide'）.slideDown（'slow'，function（）{$（'.slide'）.slideUp（'fast'）；}）运行语法

.slide是将为每个li向下滑动的隐藏div的名称。

$（'.slide'）

将使用类

slide

选择每个元素。您应该只选择悬停的

li

中的一个。