手风琴...点击时身体正在折叠

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();  });