Включите функцию в тумблер

Question

У меня есть код, как это:

$(document).ready(function() { 
togglescroll() 
$(".icon").click(function() { 
    $(".mobilenav").fadeToggle(100); 
    $(".top-menu").toggleClass("top-animate"); 
    $("body").toggleClass("noscroll"); 
    $(".mid-menu").toggleClass("mid-animate"); 
    $(".bottom-menu").toggleClass("bottom-animate"); 
    $('#container').foggy({ 
     blurRadius: 10,   // In pixels. 
     opacity: 0.8,   // Falls back to a filter for IE. 
     cssFilterSupport: true // Use "-webkit-filter" where available. 
    }); 
}); 
}); 

Однако, я хотел бы функцию foggy также быть пуговица, так что при .icon повторном нажатии функция отключена. Как мне это сделать?

Answer 1

Используйте $('#container').toggleClass('active').foggy(false);, чтобы удалить туман. Добавьте и переключите класс, чтобы увидеть, активен ли плагин или нет.

Вам нужно сделать addClass('active'), если вы инициализируете туманность где-то в другом месте.

function togglescroll(){ 
    $(".mobilenav").fadeToggle(100); 
    $(".top-menu").toggleClass("top-animate"); 
    $("body").toggleClass("noscroll"); 
    $(".mid-menu").toggleClass("mid-animate"); 
    $(".bottom-menu").toggleClass("bottom-animate"); 
    if($('#container').hasClass('active')){ 
     $('#container').toggleClass('active').foggy(false); 
    } else { 
     $('#container').toggleClass('active').foggy({ 
      blurRadius: 10,   // In pixels. 
      opacity: 0.8,   // Falls back to a filter for IE. 
      cssFilterSupport: true // Use "-webkit-filter" where available. 
     }); 
    } 
}