Untaught SyntaxError: Neočakávaný token else, stumped - javascript, jquery, css, toggle

takže robím navigačnú ponuku, ktorá má prepínanie snímok. Chcem, aby sa prepínacie tlačidlo skrylo, keď je ponuka otvorená, ale napriek tomu chcem, aby zaberala miesto tak, aby sa nezmenšovalo formátovanie.

Môj kód javascript je nasledujúci:

(function() {
$(".menu-toggle").bind("click",function() {
$("body").toggleClass("menu-open");
if ($("body").hasClass("menu-open") == true) {
$(".outside-toggle").style.visibility = "hidden";
else
$(".outside-toggle").style.visibility = "visible";
};
return false;
});

}) ();

Skúsil som niekoľko rôznych syntaktických konvencií a zdá sa, že žiadny z nich nefunguje. Zobrazuje sa mi chyba „Uncaught SyntaxError: Neočakávaný token inde“.

Akákoľvek pomoc by bola ocenená.

odpovede:

zmena

if ($("body").hasClass("menu-open") == true) {
$(".outside-toggle").style.visibility = "hidden";
else
$(".outside-toggle").style.visibility = "visible";
};

na

if ($("body").hasClass("menu-open")) { // == true is useless
$(".outside-toggle")[0].style.visibility = "hidden"; // missing [0]
} else { // <------ HERE THE MISSING BRACES
$(".outside-toggle")[0].style.visibility = "visible"; // style is a property of a DOM element, not of a jquery object
}

alebo lepšie:

$(".outside-toggle").css("visibility", $("body").hasClass("menu-open") ? "hidden" : "visible");