Тема: Toggle Animation
Показать сообщение отдельно
  #1 (permalink)  
Старый 19.04.2018, 14:47
Аспирант
Отправить личное сообщение для LLIypuk Посмотреть профиль Найти все сообщения от LLIypuk
 
Регистрация: 23.07.2015
Сообщений: 48

Toggle Animation
Решил сделать в мобильной версии сайта меню которое появляется слева-направо.
В HTML есть переключатель <div class="nav toggle"></div> (при нажатии на него должно появляться и исчезать меню) и само меню <div class="mobile-menu"></div>
Написал JS код
$(document).ready(function () {
    $('.nav-toggle').on('click', function (e) {
        e.preventDefault();
        $('.mobile-menu').toggle();
    });
});

Однако таким образом меню просто появляется и исчезает мгновенно.
У себя же хочу сделать так, чтобы блок плавно передвигался с помощью метода .animate слева направо и обратно при повторном нажатии на <div class="nav toggle"></div>
Ответить с цитированием