Jquery UI导航栏，悬停效果

Jquery UI navbar, hover effect

本文关键字：悬停 UI 导航 Jquery      更新时间：2024-06-19

我已经在这方面工作了一段时间，我正在努力寻找解决方案。

我正在使用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);
        }
  );

任何帮助都将是伟大的。谢谢

使用切换。

$("#slider").toggle(function (){
$("#hover").stop().show();
},function (){
$("#hover").stop().hide();
});
相关文章：