Jquery UI导航栏，悬停效果

Question

我已经在这方面工作了一段时间，我很难找到解决方案。

我正在使用bootstrap和jquery。我创建了这个代码，当将鼠标悬停在ID为#slider的列表项上时，会显示ID为#drop的下拉菜单。现在，此代码显示额外的下拉菜单（#drop），没有延迟或故障。当鼠标离开现在可见的元素（#drop）时，我现在要做的就是再次消失。

我尝试了一些不同的方法，包括mouseout（）和mouseleave（），但似乎没有任何方法可以使元素消失。这是代码：

$('#slider').hover
   (function(){
    $("#drop").stop(true,true).hide().removeClass('hide').slideDown('slow');
        },
        function(){
        $("#drop").stop(true,true);
        }
  );

对此的任何帮助都会很棒。感谢。

Answer 1

使用切换。

$("#slider").toggle(function (){

$("#hover").stop().show();

},function (){

$("#hover").stop().hide();

});