Javascript jQuery下拉列表悬停

这就是我想到的

HTML

<ul class="treatment-menu">
    <li>Always visible menu</li>
       <ul class="nav-child">
          <li>Hidden menu</li>
       </ul>
</ul>

拨弄

但是，当

.treatment菜单li

悬停时，我无法显示

.navchild

有什么想法吗

---

谢谢。

您可以使用Css来实现这一点

如果您使用的是jquery，则可以执行一个命令，而不是编写

show（）

和

hide（）

或用于幻灯片效果

$('.treatment-menu li').hover(function () {
        $(this).find('.nav-child').slideToggle();
    });

---

指向JSFIDLE的链接必须附带代码。您必须将其包含在

中。我非常喜欢该幻灯片切换（）。是否可以使其暂停几毫秒，然后再切换鼠标输出？是的，请尝试此

$（this）.find（'.nav child'）.delay（500）.slideToggle（100）这将使滑动变慢：-
$（This）.find（'.nav child'）.delay（500）.slideToggle（'slow'）
.nav-child {

    display:none;
}
.treatment-menu:hover .nav-child
{
    display:block;
}

$('.treatment-menu li').hover(function () {
        $(this).find('.nav-child').toggle();
    });

$('.treatment-menu li').hover(function () {
        $(this).find('.nav-child').slideToggle();
    });