[代码收集]JS点击展开收缩的简洁手风琴菜单(折叠多栏/仅展一项) - 笑忘书网页代码收藏馆

首页-代码 2014-03-26 11:50:04 -0400

★JS点击展开收缩的简洁手风琴菜单(折叠多栏/仅展一项)★

请勿抄袭本页面

代码说明

一款竖直的JS折叠菜单代码，点击展开和收缩，总是显示一个菜单项，又称为“手风琴”菜单。转自烈火网，@笑忘书修改

使用方法及注意事项使用前请先阅读本内容

添加多栏菜单：<div class="menutitle" onclick="SwitchMenu('sub此处填一个正整数')">菜单栏名称</div><span class="submenu" id="sub此处填一个正整数(同上)">隐藏内容</span>
★请按上面格式添加更多一栏菜单，注意"此处填一个正整数"应大于代码已存在的数值(即1,2)

html代码

<div class="menutitle" onclick="SwitchMenu('sub1')">关于本站</div>
<span class="submenu" id="sub1">
笑忘书网页代码收藏馆 (35230.wodemo.com)，搜集精品网页代码，分享各类福利资源，欢迎光临本站浏览，你的支持是我分享的动力
</span>
<div class="menutitle" onclick="SwitchMenu('sub2')">精彩资源</div>
<span class="submenu" id="sub2">
<a href="http://35230.wodemo.com/entry/172658">我的磨精品装扮CSS教程</a><br>
<a href="http://35230.wodemo.com/entry/273140">选择评价添至输入框的评论代码</a><br>
<a href="http://35230.wodemo.com/entry/271996">关于笑忘书网页代码收藏馆</a> 
</span>

</div>

代码演示

关于本站

笑忘书网页代码收藏馆 (35230.wodemo.com)，搜集精品网页代码，分享各类福利资源，欢迎光临本站浏览，你的支持是我分享的动力

精彩资源

我的磨精品装扮CSS教程
选择评价添至输入框的评论代码
关于笑忘书网页代码收藏馆

[代码仅供参考，转载请注明出处]

----Comments(7)----
I'M 合合 (@hlj) | @ at 2015-07-10 04:53:
支持

淡定微笑 (@syh135047) | @ at 2014-11-06 11:03:
不错，，，收走了

姜辰 (@chenfeng) | @ at 2014-05-31 07:18:
不错哦。

笑忘书 (@35230) | @ at 2014-03-27 01:16:
●﹏●浏览器不支持？打开JavaScript没？

【飛龍在天】 (@891622172) | @ at 2014-03-26 12:12:
我的5800没看到代码演示效果啊！

笑忘书 (@35230) | @ at 2014-03-26 11:53:
改了一款比较简洁的折叠菜单代码，飞龙看看适合不

Subscribe | Register | Login | N