关于JQuery的问题，点击当前li层，显示和关闭下一个li层。

<ul>
<li><>
<li class="a1"><a href="#">点击展开</a></ li>
<li class="b1" style="display:none;">123123</ li>
<li class="a1"><a href="#">点击展开</a></ li>
<li class="b1" style="display:none;">123123</ li>
<li class="a1"><a href="#">点击展开</a></ li>
<li class="b1" style="display:none;">123123</ li>
...
...
...
</ul>
这个怎么做比较好？点击class="a1"的li，然后展开class="b1"的li
用JQ 中的.slideToggle这个效果
PS：点击当前a1，打开下面那个b1和关闭b1。