gpt4 book ai didi

jquery - 当前下拉列表打开后不会关闭

转载 作者:行者123 更新时间:2023-12-01 03:45:00 27 4
gpt4 key购买 nike

我有一个可以在导航项下打开下拉菜单的脚本。

现在,当单击导航项时,下拉菜单将打开。当我再次单击同一项目时,它不会关闭。

只有当我单击另一个导航项以打开另一个下拉菜单时,我才能将其关闭。

如何在单击当前导航项时关闭当前导航项,同时在单击其他导航项时保持其功能关闭?

$("li.dropdown-control > a").click( function (event) {
event.preventDefault()
$('.dropped').removeClass('dropped');
var nextSibling = $(this).next();
nextSibling.toggleClass("dropped");
});

最佳答案

查看您的代码:

    $('.dropped').removeClass('dropped');
var nextSibling = $(this).next();
nextSibling.toggleClass("dropped");

这将删除所有已删除的类(包括您刚刚单击的类,如果它已打开),然后将其添加回同一元素。这就是为什么它似乎永远不会关闭——实际上你会立即关闭并再次打开它。

试试这个:

    var nextSibling = $(this).next();
nextSibling.toggleClass("dropped");
$('.dropped').not(nextSibling).removeClass('dropped');

关于jquery - 当前下拉列表打开后不会关闭,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/14507976/

27 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com