当前位置:首页 > 代码 > 正文

jquery菜单折叠代码(jquery展开折叠)

admin 发布:2022-12-19 12:10 155


今天给各位分享jquery菜单折叠代码的知识,其中也会对jquery展开折叠进行解释,如果能碰巧解决你现在面临的问题,别忘了关注本站,现在开始吧!

本文目录一览:

jquery 如何实现折叠菜单

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

菜单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折叠菜单

用选择器啊 你根据这个改一下

$(".main a").click(function(){//如果设为.main a则在子菜单的点击也有相同的效果

//找到主菜单项所对应的子菜单项

var ulNode=$(this).next("ul");

/*最初的方法

if(ulNode.css("display")=="none"){

ulNode.css("display","block");//把display属性改为block

}else{

ulNode.css("display","none");

}

jQuery折叠菜单。

你呆以把html代码贴出来,写个折叠菜单不需要这么多代码。最多4行,html结构好的话2行足够

jquery再jsp和html中的折叠菜单问题

动态页面执行需要时间的

写JQ时...一般都要

$("document").ready(function(){

})

意思是文档下载完毕再来执行代码...不然经常会出现问题

不过问题又来了就是,如果文档下载很慢..这里面的代码很晚才执行..

你自己权衡吧.

jquery菜单折叠代码的介绍就聊到这里吧,感谢你花时间阅读本站内容,更多关于jquery展开折叠、jquery菜单折叠代码的信息别忘了在本站进行查找喔。

版权说明:如非注明,本站文章均为 AH站长 原创,转载请注明出处和附带本文链接;

本文地址:http://ahzz.com.cn/post/7886.html


取消回复欢迎 发表评论:

分享到

温馨提示

下载成功了么?或者链接失效了?

联系我们反馈

立即下载