Question

竖导航菜单 单击li显示下级菜单，再次点击则折叠隐藏 jquery如何实现

HTML 代码如下。 最好能有些动画效果。 默认进入后.ul2 ul3不显示 单击.ul1 li 后显示其下一级的li元素。
<div class="mainNav">
<ul class="ul1">
<li class="active">
<a href="#" >账户管理</a>
<ul class="ul2">
<li>
<a href="#" >我的账号1</a>
<ul class="ul3">
<li><a href="#" >基本信息1</a></li>
<li><a href="#" >基本信息2</a></li>
<li><a href="#" >基本信息3</a></li>
<li><a href="#" >基本信息4</a></li>
</ul>
</li>
<li><a href="#" >我的账号2</a></li>
<li><a href="#" >我的账号3</a></li>
<li><a href="#" >我的账号4</a></li>
</ul>
</li>
<li><a href="#">我的作品</a></li>
<li><a href="#">我的订单</a></li>
</ul>
</div>

Answer 1

这样就可以了吧。
$('ul>li>a').click(function(){
$(this).next('ul').toggle();

})

追问

能不能加一些动画啊，这样看着很不好看

追答

toggle(200)，看看这样的效果。