javascript - 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>

因此，您将能够在手风琴中打开两个选项卡。