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>

这样您就可以在手风琴中打开两个标签。