jQuery:如何只触发当前菜单,并在其值显示为none时删除样式属性

jQuery: how to trigger only current menu and remove style attribute if its value display : none?

本文关键字:显示 none 属性 样式 删除 菜单 jQuery      更新时间:2023-09-26

更新

我试过了,

$('.menu > li.menu-item-has-children > a').after('<span class="arrow"> </span>');
$('.sub-menu li.menu-item-has-children > a').after('<span class="arrow"> </span>');
$('span.arrow').click(function(){
    var active = $(this).closest('li').find('.sub-menu');
    active.slideToggle();
    return false;
});

当菜单切换到slideUp时,如何删除具有display:none的样式属性。

第二个问题是,当我切换第一个菜单时,它的所有其他子菜单也会切换,这意味着切换第一个菜单也会切换它的子菜单。我不想要。

唯一的当前菜单应该切换或滑动,所有菜单都不应该。

这是演示

那么如何解决呢?

你可以试试这个:

$('span.arrow').click(function(){
    var active = $(this).closest('li.menu-item-has-children').children("ul");
    active.slideToggle()
});

小提琴