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在移动鼠标后隐藏主要项目。任何想法。我们只需要隐藏子项,而不是项本身。我不明白你的意思