需求是, 同一个页面, 有多组(不固定), 每组区块数量不一定一样的小区块. 要求每次只展开一个区块. 实现原理其实很简单, 点击导航, 若它的区块为隐藏, 则展开它, 同时, 隐藏掉同组其他区块; 若它的区块为展开, 则隐藏它, 同时, 展开同组其他区块中的一个. 一开始以为仅仅简单的两个遍历就能搞定. 但事实并非如此. 冷静思考了下, 通过点击的元素取到当前组的相关元素, 再单独处理当前组才合理. 顺着这个思路, 功能终于实现了, 写了原生Js版本, 用同样的思路写了个jQ版本. 时间关系, 写的也比较零散, 就没有封装. 其实, 对这种思路也不是很满意, 感觉太散了, 哪位大师有更好的思路请赐教.
[img]http://files.jb51.net/upload/201101/20110109185407168.png[/img]
jQ版区块的标题, 会有一个Js错误, 那是因为获取Js版下的h2时, 我偷了个懒, 把jQ的也遍历进去了. 我想, 实际应用中, 也不会有人同一个效果, 一边用Js一边用jQ吧. 核心代码点此查看样例
[url=http://demo.jb51.net/js/jsjq-flod-onlyone/index.htm]http://demo.jb51.net/js/jsjq-flod-onlyone/index.htm[/url]
打包下载:[url=http://www.1sucai.cn/jiaoben/33950.html]http://www.1sucai.cn/jiaoben/33950.html[/url]
本人来自Mr.Think的博客 http://mrthink.net/jsjq-flod-onlyone/