javascript - slideToggle 仅单击的元素

Question

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

我设法只切换了单击的元素，但在这种情况下，我需要切换子元素。

这是我的js代码：

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

这里是一个快速的情况：http: //jsfiddle.net/TV5Kk/

谢谢！

Answer 1

jsFiddle 演示

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

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

更新：由于 OP 想要自动向上滑动所有其他人。

演示在这里

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