从具有相同类的多个实例中切换一个<ul>

Question

我正在创建一个响应多层下拉导航栏。我有同一个类名的多个。我只想切换一个，但jquery影响所有。每个人都有一个带有类“切换下拉”的按钮。

• 它有另一个导航级别。 我的密码是： HTML

Answer 1

您可以使用.sibilings()或.next()方法：

$(".dropdown-toggle").click(function(){
    $(this).next(".sub-menu").toggle(1000);
    // or
    // $(this).siblings(".sub-menu").toggle(1000);
});

因为类名选择器总是返回所有元素的集合。因此，在您的例子中，单击一个button可以扩展所有的.sub-menu列表。

现在，您必须对它们进行筛选，以便只使用.siblings()或.next()方法获取兄弟级元素。

Answer 2

您可以使用.next()方法。它是在“下拉切换”类的兄弟姐妹之后立即返回的。通过提到特定的类。它返回特定类的特定div。您可以在下面的url -> jquery下一步中了解更多有关.next()方法的信息。

复制以下javascript代码：

<script>
$(document).ready(function(){

    $(".dropdown-toggle").click(function()
    {
         $(this).next(".sub-menu").toggle(1000);
    });
});
</script>