原生Js与jquery的多组处理, 仅展开一个区块的折叠效果

!--NEWSZW_HZH_BEGIN-- 需求是, 同一个页面, 有多组(不固定), 每组区块数目没必要定一样的小区块. 请求每次只展开一个区块. 实现原理其实很简略, 点击导航, 若它的区块为隐蔽, 则展开它, 同时, 隐蔽掉同组其他区块; 若它的区块为展开, 则隐蔽它, 同时, 展开同组其他区块中的一个. 一开端认为仅仅简略的两个遍历便可以弄定. 但事实并不是如此. 沉着思考了下, 通过点击的元素取到当前组的相干元素, 再单独处置当前组才公道. 顺着这个思路, 功效终究实现了, 写了原生Js版本, 用一样的思路写了个jQ版本. 时光关系, 写的也比拟零碎, 就没有封装. 其实, 对这类思路也不是很满意, 感到太散了, 哪位巨匠有更好的思路请赐教. 需求是, 同一个页面, 有多组(不固定), 每组区块数