Uncaught SyntaxError: Неожиданный токен else, stumped

Question

, поэтому я создаю навигационное меню с переключателем слайдов. Я хочу, чтобы кнопка переключения скрывалась, когда меню открыто, но я все же хочу, чтобы она занимала пространство, чтобы не испортить форматирование.

Мой Javascript код выглядит следующим образом:

(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; 
}); 

})();

Я пробовал несколько различных соглашений синтаксиса, и ни один из них не работает. Я получаю сообщение об ошибке «Uncaught SyntaxError: Unexpected token else»

Любая помощь будет оценена.

Answer 1

Изменить

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

в

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 
} 

или лучше:

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