Почему не работает гамбургер-меню?

Question

[Евгений Петров]

Сразу к делу: https://jsfiddle.net/3tqut0ys/
Решил реализовать гамбургер-меню, но, что-то пошло не так...

Разметка меню:

<div id="nav">
	<div class="n-btn">
		<img src="{SITE_URL}/img/i/1.png" alt="Кнопка">
		<div class="text">Кнопка</div>					
	</div>
	<div class="n-btn">
		<img src="{SITE_URL}/img/i/1.png" alt="Кнопка">
		<div class="text">Кнопка</div>					
	</div>
	<div class="n-btn">
		<img src="{SITE_URL}/img/i/1.png" alt="Кнопка">
		<div class="text">Кнопка</div>					
	</div>
</div>

Стили меню:

#nav{background: rgba(23,29,30,0.5); overflow: hidden; transition: .4s; height: 800px;}

ОнКликом по кнопке вызываю функцию, содержание которой:

function navbar(){
	if( $("#nav").height('800px') ){
		$("#nav").height('0px');
	}else{
		$("#nav").height('800px');
	}
}

В итоге получается такая картина:
Меню плавно сворачивается, но, разворачиваться отказывается..

Answer 1

[AlexRas]

function navbar(){
  if( $("#nav").height() == 800 ){
    $("#nav").height('0px');
  }else{
    $("#nav").height('800px');
  }
}

или так https://jsfiddle.net/3tqut0ys/1/