Estou desenvolvendo um site e necessito que o menu receba a classe ativo quando o botão for clicado, e se este for clicado de novo ou qualquer parte do documento for clicada, o menu perca a classe.
Ao clicar em outra parte da página, o menu desaparece, porém, ao clicar novamente no botão do menu, não consigo a aplicação desejada
$(document).ready(function () {
var menu = $("nav")
$(".bt_menu").click(function (e) {
if (menu.hasClass("ativo")) menu.removeClass("ativo");
else menu.addClass("ativo");
e.stopPropagation();
});
$(document).click(function (e) {
$('nav').removeClass("ativo");
});
});
Grato pela atenção