Script não funcionando totalmente

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