關於ul的jQuery UI Accordion

Question

當我需要在每個元素周圍放置一個包裝器時，如何讓jQuery UI Accordion工作？

示例HTML：

<ul>
  <li>
     <h3><a href="#">header</a></h3>
     <div>
         Content goes here
     </div>
  </li>
  <li>
     <h3><a href="#">header</a></h3>
     <div>
         Content goes here
     </div>
  </li>
</ul>

我似乎無法讓它工作。

Answer 1

您不能使手風琴與您當前的標記一起使用。 元素必須是這樣的兄弟姐妹：

 <div id="parentAccordionDiv"> <h3><a href="#">header</a></h3> <div> Content goes here </div> <h3><a href="#">header</a></h3> <div> Content goes here </div> </div> 

我糾正了。 我有一把手風琴可以像這樣工作：

<script type="text/javascript">
    $(function(){
        $('#accordion').accordion();
    })
</script>
<ul id="accordion">
  <li>
     <h3><a href="#">header</a></h3>
     <div>
         Content goes here
     </div>
  </li>
  <li>
     <h3><a href="#">header</a></h3>
     <div>
         Content goes here
     </div>
  </li>
</ul>