Css 引导在悬停时显示所有下拉列表

Css 引导在悬停时显示所有下拉列表,css,drop-down-menu,Css,Drop Down Menu,我希望我的所有下拉菜单都显示在任何菜单的悬停位置。我有这个密码 ul.nav li.dropdown:hover ul.dropdown-menu{ display: block; } 但它只在我的鼠标所在的一个菜单项上起作用。我希望他们都来。谢谢你的帮助 使用一点jQuery来实现这一点: $("ul.nav").children("li.dropdown").hover(function(){ var $this = $(this); $this.slideDown

我希望我的所有下拉菜单都显示在任何菜单的悬停位置。我有这个密码

ul.nav li.dropdown:hover ul.dropdown-menu{
    display: block;    
}

但它只在我的鼠标所在的一个菜单项上起作用。我希望他们都来。谢谢你的帮助

使用一点jQuery来实现这一点:

$("ul.nav").children("li.dropdown").hover(function(){
  var $this = $(this);
  $this.slideDown({duration: /*some duration in ms*/, queue: false});
  $("ul.dropdown-menu").each(function(index, elem){
    $(this).slideDown({duration: /*some duration in ms*/, queue: false});
  });
},function(){
  var $this = $(this);
  $this.slideUp({duration: /*some duration in ms*/, queue: false});
  $("ul.dropdown-menu").each(function(index, elem){//index and elem are required by the each() function
    $(this).slideUp({duration: /*some duration in ms*/, queue: false});
  });
});

当鼠标离开时(不再悬停),这应该可以将鼠标悬停时的所有内容向下滑动,将鼠标悬停时的所有内容向上滑动。

您可以将鼠标悬停时的所有内容向上滑动。

您可以将鼠标悬停时的所有内容张贴出来,或者至少张贴整个代码吗?这将使工作变得更容易,您使用的是哪个引导版本?我使用引导3在移动鼠标后隐藏主要项目。任何想法。我们只需要隐藏子项,而不是项本身。我不明白你的意思