手风琴......单击时身体会折叠

Question

我想要它，这样只有当我点击.tab时，它才会扩展.body;但是目前当.body扩展了，我点击.body时，它会崩溃。我怎样才能改变它以防止它？

这就是我所拥有的：

<script type="text/javascript">
$(function(){
    $('#accordianFin li').click(function(){
        $('#accordianFin li.body ').slideUp();
        $('li.body', this).slideToggle();
    })
})
</script>

<ul id="accordianFin">
  <li>
    <ul>
  <li class="tab"><a>...</a></li>
  <li class="body">
    <p>...</p>
    <p>...</p>
  </li>
    </ul>
  </li>
</ul>

Answer 1

使用jQuery插件：http://jqueryui.com/accordion/

$(function() {    $( "#accordion" ).accordion();  });