jQuery UI手風琴-在控件中打開兩個選項卡

Question

第一次加載時如何在jQuery UI手風琴控制器中打開兩個選項卡。 出現正常現象之后。 手風琴默認代碼。

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

Answer 1

您可以使用自己的手風琴，而無需使用JQuery UI。 在手風琴中打開一個標簽的功能：

        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>

這樣您就可以在手風琴中打開兩個標簽。