Question

我正在使用带有下拉菜单的基础画布菜单。某些项目菜单不可点击，但使用此功能显示其子菜单：

$('.page-item-1765 > a, .page-item-1761 > a').click(function(e){
    $(this).parent().children('ul.children').slideToggle();
    e.preventDefault();
});

这完美无缺。但我需要的是让其他项目菜单可点击，显示他们的子菜单保持在打开的下拉列表中，然后能够通过在项目菜单上单击第二次来关闭下拉列表。我尝试了这个，但它不起作用：

$('.page-item-12 > a').on('open').click(function(){
    $(this).parent().children('ul.children').slideToggle();
});

我也尝试过：

 $('.page-item-12 > a').on('close').click(function(){
    $(this).parent().children('ul.children').slideDown();
});

$('.page-item-12 > a').on('open').click(function(){
    $(this).parent().children('ul.children').slideUp();
});

但仍然无法奏效。有人可以帮我这个吗？

Answer 1

试

$('.page-item-12 > a').on('click', function () {
  if ($(this).css('display') == 'none') {
    // your menu is closed
  } else {
    // your menu is opened
  }
});

打开并加载菜单项

1 个答案: