javascript - Jquery UI アコーディオン - コントローラーで 2 つのタブを開く

Question

最初の読み込み時に jQuery UI アコーディオン コントローラーで 2 つのタブを開く方法。通常の動作の後。アコーディオンのデフォルト コード。

<script>
  $(function() {
    $( "#accordion" ).accordion();
  });
</script>

Answer 1

JQuery UI を使用せずに独自のアコーディオンを使用できます。アコーディオンで 1 つのタブを開く関数:

        activeContent = $(".accordion > div:has(" + /*item's text*/ + ")"); //your submenu item

        activeContent.show();
        activeContent.siblings("div:visible").hide();
        activeContent.prev("h3").addClass("active");
        activeContent.prev("h3").siblings("h3").removeClass('active');
        $(".accordion > div p").removeClass('selected');
        $(".accordion > div " + /*item's text*/).addClass('selected');

構造 html は次のようになります。

    <div class="accordion">
        <h3 class="subMenuItemHeader">Header1</h3>
        <div>
            <p class="submenuItem">Submenu item 1</p>
            <p class="submenuItem">Submenu item 2</p>
            <p class="submenuItem">Submenu item 3</p>
        </div>

        <h3 class="subMenuItemHeader">Header2</h3>
        <div>
            <p class="submenuItem">Submenu item 1</p>
            <p class="submenuItem">Submenu item 2</p>
            <p class="submenuItem">Submenu item 3</p>
        </div>
    </div>

したがって、アコーディオンで 2 つのタブを開くことができます。