javascript - jQuery.toggle-交替点击执行两个或多个处理程序

This question already has answers here:

Where has fn.toggle( handler(eventObject), handler(eventObject)…) gone?
                                
                                    （4个答案）
                                
                        
                                5年前关闭。
            
                    
我有一个按钮可以打开编辑模式：显示一些#edit_bar并打开.selectable()：

$('#edit_mode').click(function() {
  $('#edit_bar').slideToggle("slow", function() {
    $('#foo').selectable("enable");
  });
});

我希望在第二次单击按钮时禁用.selectable()（关闭编辑模式）。

我想知道这样做的最佳方法。曾经有.toggle()方法这样做，但是现在已经被非常不同的方法所代替。


Old toggle-event（已弃用，但非常适合我的需求）
New toggle method

最佳答案

如何为此设置一个标志？它将设置切换效果，以便每次单击click函数时都会检查该标志，并将执行适当的功能：

var flag = true;
$('#edit_mode').click(function() {
  $('#edit_bar').slideToggle("slow", function() {
  if(flag == true) {
       $('#foo').selectable("enable");
       flag = false;
    }
    else {
       $('#foo').selectable("disable");
       flag = true;
    }
  });
});