如何在单击子菜单项时停止触发切换菜单

Question

我正在尝试在最后一个停止工作后实现一个基本的切换菜单，但无论我尝试缩小 CSS 选择器的范围如何，子菜单项总是在单击移动菜单时切换菜单，因此您不能点击进入。

我的 JS 是：

jQuery(document).ready(function() {
  jQuery('#menu-item-1837').click(function(e) {
      jQuery('#menu-item-1837 > ul').slideToggle(500);

      e.preventDefault();
  });
   
});

jQuery(document).ready(function() {
  jQuery('#menu-item-1832').click(function(e) {
      jQuery('#menu-item-1832 > ul').slideToggle(500);

      e.preventDefault();
  });
   
});

我尝试了各种变体，包括使用以下方法进行定位：

#menu-item-1837 a:first-child

.menu-item-has-children > a 

a#menu-item-1837

我不知道为什么它不起作用

我也尝试过针对子菜单的各种变体，但它从未奏效

任何帮助将不胜感激