Question

我希望所有下拉菜单都悬停在任何菜单中。我有这个代码

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

但它仅适用于鼠标所在的一个菜单项。我想让所有人都出现。谢谢你的帮助！

Answer 1

使用一点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});
  });
});

这应该在悬停时滑下所有内容，并在鼠标离开时向上滑动所有内容（不再悬停）。

Bootstrap显示悬停时的所有下拉列表

1 个答案: