javascript - SlideToggle 仅单击的元素

Question

我有一个菜单，当我单击包含子菜单的链接时，我想切换它。我这样做了，但是我有更多具有相同类别的子菜单，当我单击其中一个时，所有子菜单都会切换。

我设法仅切换单击的元素，但在本例中我需要切换子元素。

这是我的js代码:

$('li.has-submenu a.link').click(function() { 
$('.submenu').slideToggle(500);
});

这里是情况的快速介绍: http://jsfiddle.net/TV5Kk/

谢谢!

Answer 1

jsFiddle DEMO

$(this).next('.submenu').slideToggle(500);

由于您有多个带有 submenu 类的元素，请使用 $(this) 获取相对元素。在您的标记中，链接的下一个元素恰好是您想要切换的元素。

更新:因为OP想要自动向上滑动所有其他的。

DEMO here

$('li.has-submenu a.link').click(function() {
    $('.submenu').slideUp(500);
    $(this).next('.submenu').slideToggle(500);
});