щелкните внутри тела, чтобы удалить класс, используя jQuery

Question

У меня есть меню стиля аккордеона, я пытаюсь удалить класс open, когда в любом месте тега тела щелкнет, чтобы он обрушился. У меня есть код, но не работает, получить следующее сообщение об ошибке в Chrome:

Uncaught TypeError: Object has no method 'hasClass'

Код:

var toggleMainNav = function ($mainNav) { 
    var isOpen = $mainNav.hasClass('open'); 

    if (isOpen) { 
     $('body').unbind('click'); 
     $mainNav.removeClass('open'); 
    } else { 
     $('body').bind('click', toggleMainNav); 
     $mainNav.addClass('open'); 
    } 
}; 

Answer 1

Вы, кажется, с помощью DOM, в то время как вы хотите использовать объект jQuery.

Wrap переменного в стиле JQuery:

$($mainNav).hasClass("open"); 

Answer 2

Использование toggleClass

$("body").click(function(){ 
     $mainNav.toggleClass("open"); 
    });