slideToggle仅单击的元素

Question

我有一个菜单，当我单击具有子菜单的链接时，我想切换它。 我做到了，但是我有更多子菜单属于同一班级，当我单击其中一个时，所有这些子菜单都会切换。

我设法仅切换了clicked元素，但在这种情况下，我需要切换子元素。

这是我拥有的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);
});