重庆分公司,新征程启航

为企业提供网站建设、域名注册、服务器等服务

jquery菜单折叠,jquery折叠式菜单

jquery 如何实现折叠菜单

知道你要啥样的,就说个最简单的竖列折叠菜单吧,比如:

网站建设公司,为您提供网站建设,网站制作,网页设计及定制网站建设服务,专注于成都定制网页设计,高端网页制作,对成都卫生间隔断等多个行业拥有丰富的网站建设经验的网站建设公司。专业网站设计,网站优化推广哪家好,专业成都网站推广优化,H5建站,响应式网站。

菜单1

子菜单1

子菜单2

……

菜单2

子菜单1

子菜单2

……

如果要做这样的折叠菜单 那html为:

div class="menu"

div菜单1/div

ul

li子菜单1/li

li子菜单2/li

……

/ul

/div

div class="menu"

div菜单1/div

ul

li子菜单1/li

li子菜单2/li

……

/ul

/div

css为:(没样式只有功能,样式自己去加)

.menu ul{ display:none}

js为:

$('.menu').click(function(){

$(this).find('ul').slideToggle();

)}

jquery.metismenu.js怎么用

metisMenu 是个Bootstrap 3 风格的 jQuery 菜单插件,允许用户创建类似手风琴效果的可折叠菜单,允许自动折叠效果。

js怎么实现点击文本框弹出可折叠菜单

使用jquery,给文本框加一个点击事件

$('input').on('click',function(){

$('ul').slideDown();})


分享标题:jquery菜单折叠,jquery折叠式菜单
转载来于:http://cqcxhl.com/article/dsddgej.html

其他资讯

在线咨询
服务热线
服务热线:028-86922220
TOP