1

ul > li > ul > li リストにアコーディオンがあります。ページの読み込み時に閉じられる 3 つのボックスがありますが、ページの読み込み時に最初のボックスを開きたいと思います。以下は、すべての 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 リストです。

4

1 に答える 1

0

メニューにリンクとサブリンクのみ (ヘッダーなし) がある場合は、これを css に入れます。

ul#nav li:first-child ul {
  display:block;
}
于 2014-02-20T14:55:10.893 に答える