“全部打開”嵌套的jQuery手風琴

Question

我正在嘗試打開jQuery手風琴內的所有嵌套手風琴。 示例代碼-

我希望能夠僅打開嵌套的手風琴（“嵌套標題”），而不是打開所有的手風琴（“標題2”）。 我又如何將按鈕從“全部擴展”更改為“全部折疊”，然后再次單擊時關閉嵌套的手風琴？

    <div class="accordion">
  <h3>Heading 1</h3>
    <div><button type="button" class="expand2nd">Expand all</button>
       <div class="accordion">
         <h3>Nested Heading</h3>
           <div>Nested Title 1</div>
       <div class="accordion">
         <h3>Nested Heading 2</h3>
           <div>Nested Title 2</div>
       <div class="accordion">
         <h3>Nested Heading 3</h3>
           <div>Nested Title 3</div>
     </div>
  <h3>Heading 2</h3>
   <div>content<div>
</div>

$(".expand2nd").click(function (event) {
    $('.accordion .ui-accordion-header:not(.ui-state-active)').nextAll(':has(.accordion .ui-accordion-header)').slideDown();

    return false;
});

任何幫助是極大的贊賞。 謝謝，

Answer 1

無需在所有子元素中聲明一個手風琴類，只需使用聲明的第一個手風琴類即可讓jquery對其進行操作。 查看https://jqueryui.com/accordion/示例，它可以完成您明確希望完成的任務。