幻灯片仅切换单击的元素

slideToggle only clicked element

本文关键字：元素 单击 幻灯片      更新时间：2023-09-26

>我有一个菜单，当我点击一个带有子菜单的链接时，我想切换它。我做到了，但是我有更多的子菜单具有相同的类，当我单击一个子菜单时，它们都会切换。

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

这是我的js代码：

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

这是情况的快速摆弄：http://jsfiddle.net/TV5Kk/

谢谢！

jsFiddle DEMO

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

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

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

在这里演示

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