Javascript JQuery单击功能未启动

我遇到的问题是，我已经建立了这种快速响应的导航。我只想在点击汉堡包图标时将其下拉，但如果我尝试瞄准它，它将不起作用。仅当我将其嵌套在整个导航栏中时，它才起作用

这里是指向本地JSFIDLE的链接

HTML代码

---

按钮不是导航的同级，而是封装在作为导航同级的DIV中

$(this).closest('.toggleMenu').siblings(".level-nav").toggle(175, "easeInQuad");

要像这样使用

toggle（）

，还必须包括jQuery UI

---

您的标题不准确。单击处理程序工作正常。您的切换按钮没有siblings@durrrutti这就是我所说的。我知道它没有出现在我的小提琴上，但那只是因为没有所有的引导都能在其中工作。我很惊讶你没有撤销

$（subNav）

，即使它工作起来像that@Huangism-是的，将它包装两次会破坏缓存它的全部目的，但我不想重写所有内容，这不是一个真正的错误，只是很抱歉。。。我还是JQuery的新手，还有很多东西要学。因此，我真的非常感谢您和adeneo给我的所有输入。@adeneo先生，有没有办法在示例中添加另一次单击，例如，我想在下拉菜单中添加另一个关于我的操作，例如，我想显示一条警告，说“关于我单击了”，这是怎么可能的？

$(document).ready(function(){
  var mobileMenu = $(".level-nav li a");
  $(mobileMenu).each(function() {
    if ($(this).next().length > 0) {
        $(this).addClass("parent");
    };
  })

  /* Defined variables for main and sub multi-level navigations */
  var subNav = $("#toggle-btn");

  /* Function that activates the sub-navigation bar to toggle the sibiling which is the  .level-nav */
  $(subNav).click(function (e){
    e.preventDefault();
    $(this).siblings(".level-nav").toggle(175, "easeInQuad");
  });
});

$(this).closest('.toggleMenu').siblings(".level-nav").toggle(175, "easeInQuad");