Задать вопрос

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

Сразу к делу: 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');
	}
}


В итоге получается такая картина:
Меню плавно сворачивается, но, разворачиваться отказывается..
  • Вопрос задан
  • 90 просмотров
Подписаться 1 Простой Комментировать
Решения вопроса 1
@AlexRas
function navbar(){
  if( $("#nav").height() == 800 ){
    $("#nav").height('0px');
  }else{
    $("#nav").height('800px');
  }
}

или так https://jsfiddle.net/3tqut0ys/1/
Ответ написан
Комментировать
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Похожие вопросы