javascript - 打开并加载菜单项后关闭下拉移动菜单

Question

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

$('.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
  }
});