##Actualización:
Viendo un poco tu código completo (css incluido), el problema nace al hacer hide en primer lugar, cosa que no es necesaria por que la visibilidad del selector "header nav" ya tiene establecido display: none;
por medio de css para la version compacta.
Si cambias main.js por lo siguiente, todo deberia fucionar como esperas.
// maneja la apertura del menu
var estado = 0;
$(".menu_bar").click(function() {
// la primera vez de abre desde arriba
if (estado === 0) {
$("header nav").slideToggle("slow");
estado = 1;
} else
// se cierra hacia la izquierda
if (estado === 1) {
$('nav').animate({
left: "0"
});
estado = 2;
} else
// las veces siguientes se abre desde la izquierda
if (estado === 2) {
$("nav").animate({
left: "-100%"
});
estado = 1;
}
});
Déjame saber si tienes algún problema.