отключить метод JQuery .toggle()

Question

Я ищу способ отключить .toggle() прикрепленную к DIV

if (condition) { 
    $("#div").toggle(
     function() { 
      do this 
     }, 
     function() { 
      do that 
     } 
    ); 
} 
else { 

    // How do I achieve this? 
    $("#div").disableToggle(

    ); 
} 

Более объяснение:

Это приложение карты. toggle, связанный с кнопкой изображения. Карта загружается на уровне масштабирования 4. Пользователь увеличивает масштаб, и соответствующая кнопка становится активной только тогда, когда пользователь увеличился более чем на уровень масштабирования 6. Как только пользователь увеличит масштаб до уровня 6, я хочу, чтобы кнопка переключения снова неактивны.

Answer 1

Почему не просто отвязать щелчок?

$('#div').unbind('click'); 

Answer 2

Вы можете поместить condition внутри функции:

$("#div").toggle(
    function() { 
     if (condition) { 
      //do this 
     } 
    }, 
    function() { 
     if (condition) { 
      //do that 
     } 
    } 
); 

Answer 3

Если вы не проходили анонимные функции toggle(), можно использовать метод, описанный on this forum post развязывать событий.

Answer 4

Вы можете использовать .cleanData():

// this will destroy all data bound to that element 
$.cleanData($("#div")); 

Demo.

Answer 5

Вот способ:

Удалить класс, который выбран для переключения. Скрипки здесь: http://jsfiddle.net/leifparker/rSP34/2/

HTML

<div class="button_toToggle"> Toggle it! </div> 
<div class="button_disableToggle"> Disable Toggle </div> 
<div class="happyDiv togglable">&nbsp;</div> 

JS

$('.button_toToggle').click(function(){ 
    $('.togglable').toggle(); 
}); 
$('.button_disableToggle').click(function(){ 
    $('.happyDiv').removeClass('togglable'); 
});