插件描述：jquery收缩菜单自定义图标
更新时间：2019-09-26 22:02:39
使用方法
引入jquery与index.js
<script src="https://www.jq22.com/jquery/jquery-1.10.2.js"></script> <script type="text/javascript" src="./public/index.js"></script>
构造函数
参数定义
- node:节点 - icon1:标题图标，将图标类放在数组中，["icon-biaoti","icon-biaoti","icon-biaoti"] - icon2:菜单关闭图标，["icon-jiantouarrow487","icon-jiantouarrow487","icon-jiantouarrow487"] - icon3:菜单开启图标，["icon-jiantouarrow483","icon-jiantouarrow483","icon-jiantouarrow483"] - new MenuIcon(node,icon1,icon2,icon3);
dom结构
<ul class="menu"> <li> <div class="item"> <i class="iconfont"></i> <span class="title">Title 1</span> <i class="iconfont"></i> </div> <div class="item-content"> <h3><a href="#">Writing content 1</a></h3> <h3><a href="#">Writing content 1_1</a></h3> <h3><a href="#">Writing content 1_2</a></h3> <h3><a href="#">Writing content 1_3</a></h3> </div> </li> ... </ul>
PREVIOUS:
NEXT:
相关插件-手风琴菜单
简洁实用的jQuery手风琴插件
jquery.accdion是一款非常实用的jQuery手风琴插件。它代码简单，文件体积小，并且兼容IE8浏览器。它通过简单的设置即可以得到漂亮的手风琴图片切换效果。
手风琴菜单
bootstrap垂直手风琴动画特效
一款基于Bootstrap的垂直手风琴特效。该垂直手风琴特效基于原生的Bootstrap Accordion组件来制作，通过CSS3来对它进行美化，效果美观大方。
手风琴菜单
讨论这个项目（7）回答他人问题或分享插件使用方法奖励jQ币 评论用户自律公约
/mn★怡琳★ 0
2021/6/29 14:47:11
-
就要两层直接删DOM不好用。JS里怎么删呢
西瓜0
2021/6/29 15:47:23
-
不太明白你的意思，直接删除html中的<li>...</li>内容。
/mn★怡琳★0
2021/6/29 16:04:20
-
直接删完提示alert("图标多于节点");
隔壁王老斯 0
2020/6/28 10:33:58
-
设计不合理，点击二级菜单会合并
隔壁王老斯0
2020/6/28 10:39:40
-
_this.nodeClick(this.parentNode)
隔壁王老斯0
2020/6/28 10:40:05
$('.item').click(function() {
_this.nodeClick(this.parentNode)
});
😃
- 😀
- 😉
- 😥
- 😵
- 😫
- 😘
- 😡
- 👍
- 🌹
- 👏
- 🍺
- 🍉
- 🌙
- ⭐
- 💖
- 💔
😃
取消回复
- 😀
- 😉
- 😥
- 😵
- 😫
- 😘
- 😡
- 👍
- 🌹
- 👏
- 🍺
- 🍉
- 🌙
- ⭐
- 💖
- 💔
