Javascript 在子元素中使用JQuery嵌套accordio

我对jquery不是很熟悉，请告诉我以下html：

<script type="text/javascript" src="scripts/jquery/jquery.js"></script>
<div id='accordion'>    
<h5> Header Title2</h5>
  <div id='term'>1st Term</div>
     <div id='payment'>
        Payment1 <br>
        Payment2 <br>
     </div>
<div id='term'>2st Term</div>
     <div id='payment'>
        Payment A <br>
        Payment B <br>
     </div>
</div>

标题标题2
第一学期
付款1

付款2

2st术语
付款A

付款B

---

我希望这些在手风琴的形式，在标题元素，和条款，这将作为子菜单下出现，也将有它下面的付款点击。。。在jquery中如何处理这个问题？

这里有一把小提琴，它有多种基本的手风琴-。只需确保您作为jQuery访问您的页面。@TimSPQR该示例不是嵌套的手风琴…这里有一个-