2013-02-27 100 views
1

我在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列表。

+0

没关系,我做到了。我在第一个ul> li> ul.first上放了一个'.first'类和一个display:block。 – 2013-02-27 10:24:05

回答

0

如果你的菜单只有链接和子链接(无标头),把这个在CSS:

ul#nav li:first-child ul { 
    display:block; 
}