打开 Accordion 的第一个选项卡

Question

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

Answer 1

如果您的菜单只有链接和子链接（没有标题），请将其放在 css 中：

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