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

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

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

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

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

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

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

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

@H_404_14@

解决方法

不确定这是否是“最佳”方式本身,但使用这种标记,此解决方案应该工作:
$('.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/

@H_404_14@ @H_404_14@

猜你在找的jQuery相关文章