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);
});