0

我有以下悬停脚本应该处理导航栏中子菜单的向下和向上滑动:

$j('body').ready(function() {
    $j('.menu-item').hover(function() {
        $j(this).find('.sub-menu').slideDown("slow");
    },
        function() {
            $j(this).find('.sub-menu').slideUp("slow");
        });
});

它向下滑动很好,但由于某种原因它没有向上滑动,而是在离开 div 时消失了。

您可以在此页面上看到正在运行的导航项目,特别是在“新闻”项目上,该项目有一个事件页面的下拉菜单。由于网站正在开发中,您将需要输入以下凭据:

用户名:访客

密码:stackoverflow

4

2 回答 2

0

尝试这个:

$j(document).ready(function() {
    $j('.menu-item').hover(function() {
        $j(this).find('.sub-menu').stop().slideToggle("slow");
    });
});

您应该相对定位元素:

.sub-menu {
   position: relative;
}
于 2012-07-08T10:35:34.027 回答
0
$j('.menu-item').mouseover(function() {
    $j(this).find('.sub-menu').slideDown("slow");
});
$j('.menu-item').mouseout(function() {
    $j(this).find('.sub-menu').slideUp("slow");
});
于 2012-07-08T10:35:43.293 回答