Question

好的，在这个网页上有3个下拉菜单小部件，我希望它们显然都能正常工作。我知道网站还有其他问题，但这是我的具体问题。

我认为那是你们帮助我的最简单方法。

Answer 1

这个功能有两个主要问题。

<强> 1）

ID 始终是唯一的。将id="toggle-open"更改为class="toggle-open"。然后选择宽度$(".toggle-open")而不是$("#toggle-open")。

<强> 2）

您没有打开和关闭特定的盒子，而是一次性选择所有盒子。你可以这样做：

$(".toggle-open").click(function(){
    $(this).hide();
    $('.toggle-close').show();
    $(this).parent().find('ul').show();
});

$(this)将确保您只定位与您按下的按钮相关的元素，而不是所有带class="toggle-open"的元素。

$(this).parent().find('ul')将查找您按下的按钮的父元素中包含的ul。不是所有的ul元素。