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

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

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

但还是不行。有人能帮我吗？

试试看

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

---

基本上，如果我按你说的做，它会起作用，但在页面加载后，如果我再次单击项目菜单关闭下拉列表，它会保持不变open@MaureenPlacente我没有很好地理解你的观点，只是试着用一下。。也许会有帮助。。祝你好运