Jquery切换两种方法打开和关闭推送菜单

Question

我在没有使用切换的情况下尝试过这些东西并且它们单独工作。但是当我做切换时没有任何正常工作请帮助。

$(document).ready(function() {
      $(".nav-toggle").toggle(
         function () {
             $( '#menu' ).multilevelpushmenu( 'expand' );
         },
         function () {
            $( '#menu' ).multilevelpushmenu( 'collapse' );
         },

       );

   });

导航切换html简单按钮。

<p><a class="nav-toggle" href="#"><span></span></a>Menu</p>

Answer 1

您正在使用的.toggle()是一个jQuery事件。它的工作方式就像点击按钮/开关一样。 toggle() (Event) 事件在jQuery 1.8中已弃用，并在jQuery 1.9中删除。所以这现在无效了。

当前 .toggle() 函数会更改元素的状态。与.show()和.hide()

一样

* _{来自 this answer}

$(document).ready(function () {
    var state = false;
    $(".nav-toggle").click(function () {
        if(!state){
            $('#menu').multilevelpushmenu('expand');
            state = true;
        }
        else{
            $('#menu').multilevelpushmenu('collapse');
            state = false;
        }
    });
});