打开手风琴第一标签
问题描述:
我在ul> li> ul> li列表中有一个手风琴。 它有三个在页面加载时关闭的框,但我希望在加载页面时打开第一个框。以下是所有jQuery代码。打开手风琴第一标签
$(document).ready(function(){
$("#nav > li > a").on("click", function(e){
if($(this).parent().has("ul")) {
e.preventDefault();
}
if(!$(this).hasClass("open")) {
// hide any open menus and remove all other classes
$("#nav li ul").slideUp(350);
$("#nav li a").removeClass("open");
// open our new menu and add the open class
$(this).next("ul").slideDown(350);
$(this).addClass("open");
}
else if($(this).hasClass("open")) {
$(this).removeClass("open");
$(this).next("ul").slideUp(350);
}
});
});
html是一个简单的ul> li> ul> li列表。
答
如果你的菜单只有链接和子链接(无标头),把这个在CSS:
ul#nav li:first-child ul {
display:block;
}
没关系,我做到了。我在第一个ul> li> ul.first上放了一个'.first'类和一个display:block。 – 2013-02-27 10:24:05