下拉菜单、CSS、HTML和JavaScript：JavaScript使菜单跳转且无法正常运行

我有一个简单的下拉菜单，但当使用它时，它不能正常工作，我认为JavaScript有一个问题，因为它总是上下跳动

请点击此处：

JavaScript

<script type="text/javascript">
$(function(){
    $('#coolMenu').find('> li').hover(function(){
        $(this).find('ul')
        .removeClass('noJS')
        .stop(true, true).slideToggle('fast');
    });
});
</script>

$（函数（）{
$（'#coolMenu'）。查找（'>li'）。悬停（函数（）{
$（this.find（'ul'））
.removeClass（'noJS'）
.停止（真，真）。滑动切换（“快速”）；
});
});

---

这是工作小提琴：

Jquery

$(function(){
    $('#coolMenu > li').hover(function(){
        $(this).find('ul').slideToggle();
    });
});

CSS（完全删除下面给定的代码）

---

这就是你要找的吗？我没有使用.find（'>li'）而是使用.children（'a'）。在.hover（）函数中，还缺少mouseout函数

代码如下：

$(function(){
$('#coolMenu').children('a').hover(function(){
    $(this).find('ul')
    .removeClass('noJS')
    .slideToggle('fast');
},function(){
   $(this).find('ul')
    .addClass('noJS')
    .slideToggle('fast');
    });
});

$(function(){
    $('#coolMenu > li').hover(function(){
        $(this).find('ul').slideToggle();
    });
});

#coolMenu li:hover ul {
    display:block; /* Remove This*/
}

$(function(){
$('#coolMenu').children('a').hover(function(){
    $(this).find('ul')
    .removeClass('noJS')
    .slideToggle('fast');
},function(){
   $(this).find('ul')
    .addClass('noJS')
    .slideToggle('fast');
    });
});