javascript – jQuery slideToggle菜单在打开/关闭自身之前折叠兄弟菜单

发布时间:2019-04-24 发布网站:脚本之家
脚本之家收集整理的这篇文章主要介绍了javascript – jQuery slideToggle菜单在打开/关闭自身之前折叠兄弟菜单脚本之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
这是我正在处理的原始样本: http://jsfiddle.net/dX2ux/1/

客户内部开发的CMS使用此HTML结构动态创建菜单.它还附带了示例中显示的jQuery脚本.

我想编辑脚本,以便在它切换自己打开之前关闭它的兄弟的打开菜单.节目类也必须切换.

到目前为止,我已经想出了这个:http://jsfiddle.net/dX2ux/2/

但是如果你玩它,当​​你点击其中一个子菜单时,它会搞砸.

任何人都可以阐明我如何实现我的目标吗?另外,这是最好的方法吗?我是否想过这个?

任何帮助表示赞赏.谢谢.

解决方法

不确定这是否是“最佳”方式本身,但使用这种标记,此解决方案应该工作:
$('.toggle-menu').on('click',function(e){
    e.preventDefault();
    $(this).parent().siblings().children('.toggle-menu').removeClass('show').next().slideUp();
    $(this).toggleClass('show').next().slideToggle();
});

编辑你的小提琴以显示效果:http://jsfiddle.net/dX2ux/3/

总结

以上是脚本之家为你收集整理的javascript – jQuery slideToggle菜单在打开/关闭自身之前折叠兄弟菜单全部内容,希望文章能够帮你解决javascript – jQuery slideToggle菜单在打开/关闭自身之前折叠兄弟菜单所遇到的程序开发问题。

如果觉得脚本之家网站内容还不错,欢迎将脚本之家网站推荐给程序员好友。

本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:76874919,请注明来意。
标签: