我以前写个一个例子，希望对你有帮助，上下滑动效果的，里面两个方法，一个是展开，一个收收起，put 为收起，Roll 为展开，自己配对自己的div，就可以实现你要的效果了 function put var put_div = documentgetElementById#39comment#39 这个是得到第一个div var puth3 = document。

1折叠面板动态生成，通过positionID的唯一标识将不同的折叠数据进行输出，name值为positionID，方便控制折叠面板的展开和折叠2折叠面板内容的动态生成全选按钮，CheckBox组，相互不冲突通过positionIDXXX这种数据格式存放数据，XXX为CheckBox的数据3控制其中一个折叠面板有数据选中时，其他面板。

现在，根据以上实现原理分析，我们创建一个高度的改变动画通用组件CollapseTransitionvue该组件非常简单，仅需30多行代码我几乎每行代码都有注释，大家应该能看懂吧以上就是实现高度的改变动画的通用组件源码，童鞋们理解了吗是不是非常简单现在，我们实现折叠面板组件使用过elementui这样的UI库。

下面代码就是你要的效果！具体样式再根据你的需要进行修改就可以lt！DOCTYPE HTML PUBLIC quotW3CDTD HTML 401 TransitionalENquot quotREChtml40124loosedtdquot ltHTML xmlns=quotltHEADltTITLE广告代码CSS+XHTML代码lt。

用选择器啊 你根据这个改一下 quotmain aquotclickfunction如果设为main a则在子菜单的点击也有相同的效果 找到主菜单项所对应的子菜单项 var ulNode=$thisnextquotulquot*最初的方法 ifulNodecssquotdisplayquot==quotquot ulNodecssquotdisplayquot，quotblockquot把display。