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

您不能使 Accordion 与您当前的标记一起工作。元素必须是这样的 sibling :

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

我的立场得到纠正。我有一个 Accordion 可以像这样正常工作:

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