我以前寫個一個例子，希望對你有幫助，上下滑動效果的，里面兩個方法，一個是展開，一個收收起，put 為收起，Roll 為展開，自己配對自己的div，就可以實現(xiàn)你要的效果了 function put var put_div = documentgetElementById#39comment#39 這個是得到第一個div var puth3 = document。

1折疊面板動態(tài)生成，通過positionID的唯一標(biāo)識將不同的折疊數(shù)據(jù)進行輸出，name值為positionID，方便控制折疊面板的展開和折疊2折疊面板內(nèi)容的動態(tài)生成全選按鈕，CheckBox組，相互不沖突通過positionIDXXX這種數(shù)據(jù)格式存放數(shù)據(jù)，XXX為CheckBox的數(shù)據(jù)3控制其中一個折疊面板有數(shù)據(jù)選中時，其他面板。

現(xiàn)在，根據(jù)以上實現(xiàn)原理分析，我們創(chuàng)建一個高度的改變動畫通用組件CollapseTransitionvue該組件非常簡單，僅需30多行代碼我?guī)缀趺啃写a都有注釋，大家應(yīng)該能看懂吧以上就是實現(xiàn)高度的改變動畫的通用組件源碼，童鞋們理解了嗎是不是非常簡單現(xiàn)在，我們實現(xiàn)折疊面板組件使用過elementui這樣的UI庫。

下面代碼就是你要的效果！具體樣式再根據(jù)你的需要進行修改就可以lt！DOCTYPE HTML PUBLIC quotW3CDTD HTML 401 TransitionalENquot quotREChtml40124loosedtdquot ltHTML xmlns=quotltHEADltTITLE廣告代碼CSS+XHTML代碼lt。

用選擇器啊 你根據(jù)這個改一下 quotmain aquotclickfunction如果設(shè)為main a則在子菜單的點擊也有相同的效果 找到主菜單項所對應(yīng)的子菜單項 var ulNode=$thisnextquotulquot*最初的方法 ifulNodecssquotdisplayquot==quotquot ulNodecssquotdisplayquot，quotblockquot把display。