webirus
@webirus
Тыжверстальщик! Наверстай мне упущенное...

Как закрыть меню при повторном клике?

Привет.
Что-то жара как-то совсем плохо влияет на меня.
https://jsfiddle.net/webirus/r8yLhagp/ - вот мой вариант.
Не могу написать скрипт закрытия меню по клику на навикон.
Кто подскажет, как это реализовать?
  • Вопрос задан
  • 970 просмотров
Решения вопроса 7
@devstudent
frontend-developer
$(document).ready(function(){
 $('.navicon').click(function(){
        $('.leftbar').toggleClass('active');
     });
});

.leftbar {-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
-ms-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;}

.leftbar.active {left: 0; position: relative;}
Ответ написан
@Gregpopov
Full stack web developer
Лучше делать такие вещи с помощью CSS:
когда есть .active, то реализовывается перепозиционирование (просто меняется занчение left), при этом мы устанавливаем на .leftbar анимацию для position и имеем результат.

P.S. Используйте .stop().animate(), это предотврватит дерганую анимацию, стек событий будет очищаться и они не будут выполняться дург за другом
Ответ написан
@ArturArturov
$(document).ready(function(){

    $('.navicon').click(function(){
        $('.leftbar').toggleClass('active');
    });
   
});

.leftbar{
  transition: .3s;
}
.leftbar.active{
  left: 0;
}
Ответ написан
Пригласить эксперта
Ваш ответ на вопрос

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

Войти через центр авторизации
Похожие вопросы