Question

jquery单击按钮右侧div滑出,再点击按钮div收起

<div class="joyin-denote">
<a href="javascript:void(0);" class="joyin-denotehd">导航栏</a>
<div class="joyin-denotebd">
<ul>
<li class="act"><span></span><a href="javascript:void(0);"><i></i>基础信息</a></li>
<li class="curr"><span></span><a href="javascript:void(0);"><i></i>募集要素</a></li>
<li class=""><span></span><a href="javascript:void(0);"><i></i>产品结构</a></li>
<li class=""><span></span><a href="javascript:void(0);"><i></i>计息要素</a></li>
<li class=""><span></span><a href="javascript:void(0);"><i></i>产品投向</a></li>
<li class=""><span></span><a href="javascript:void(0);"><i></i>其他信息</a></li>
<li class=""><span></span><a href="javascript:void(0);"><i></i>开放申购</a></li>
<li class=""><span></span><a href="javascript:void(0);"><i></i>开放赎回</a></li>
<li class=""><span></span><a href="javascript:void(0);"><i></i>付息计划</a></li>
</ul>
</div>
</div>

jquery 怎么写

Answer 1

这个功能其实很简单的

$(".joyin-denote").on("click",".joyin-denotehd",function(){
  $(this).siblings(".joyin-denotebd").slideToggle("slow");
});

追问

不是侧滑出来的，缺少animate动画，自己写的点击没反映不出来

追答

我这个是向下滑出来，再点击缩上去，你要什么样的效果？

追问

从右侧侧滑出来，再次点击左侧侧滑隐藏！