我在使用 jquery 时遇到一些小问题。下面的代码应该在用户单击菜单项时打开子菜单列表。但是,当用户单击其中一个菜单项时,它也会打开所有其他子菜单:
$(document).ready(function(){
$(".mobile-main-menu-item-container").click(function(){
$(".mobile-main-menu-subitem-list-container").slideToggle();
});
});
我必须说,我对它的表现并不感到惊讶,因为所有菜单项都使用相同的类。我只是想问一下我必须在代码中更改什么以便只打开一个子菜单。当然,有更好的方法来编写代码,而不是为每个代码分配不同的 ID。
预先感谢您的帮助。
最佳答案
在 click
函数中,使用 this
将子项类的范围隔离到所单击项的子项(和孙子项等)。
$(document).ready(function(){
$(".mobile-main-menu-item-container").click(function(){
$(this).find(".mobile-main-menu-subitem-list-container").slideToggle();
});
});
关于javascript - Jquery只切换一个子菜单,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/60916191/