javascript - Jquery UI Accordion - 在 Controller 中打开两个选项卡

Question

如何在首次加载时在 jQuery UI Accordion Controller 中打开两个选项卡。 正常行为之后。 Accordion 默认代码。

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

Answer 1

您可以使用自己的 Accordion 而不使用 JQuery UI。在 Accordion 中打开一个选项卡的功能:

        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>

因此您将能够在 Accordion 中打开两个选项卡。