这是我正在处理的原始样本:
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@