jquery - 优化jquery代码

Question

如何优化下面的代码？更少的行数。

jQuery(document).ready(function(){
jQuery(".a1").hide();
jQuery(".a").click(function(){
    jQuery(".a1").toggle();
});

jQuery(document).ready(function(){
    jQuery(".b1").hide();
    jQuery(".b").click(function(){
        jQuery(".b1").toggle();
    });
    ...

...

编辑。添加我的 Html 代码。

<ul class="bg">
<li class="a">Text</li>
<li class="a1"><a href="#">Text</a></li>
<li class="a1"><a href="#">Text</a></li>
</ul>

<ul class="bg">
<li class="b">Text</li>
<li class="b1"><a href="#">Text</a></li>
<li class="b1"><a href="#">Text</a></li>
</ul>

感谢您的回答。

Answer 1

使用下面的代码

DEMO

 jQuery(document).ready(function(){
   jQuery(".bg").find('li:not(:first)').hide();  // hide all li inside .bg expat  expat first.
   jQuery(".bg").find('li:first').click(function(){  // click event on first li
     $(this).nextAll('li').toggle(); // toggle other li expat first
   });
 });