Javascript.RU

Создать новую тему Ответ
 
Опции темы Искать в теме
  #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>
Ответить с цитированием
  #2 (permalink)  
Старый 19.04.2018, 16:25
Аватар для рони
Профессор
Отправить личное сообщение для рони Посмотреть профиль Найти все сообщения от рони
 
Регистрация: 27.05.2010
Сообщений: 33,112

LLIypuk,
toggleClass и в css пишите всё что нужно.
Ответить с цитированием
Ответ



Опции темы Искать в теме
Искать в теме:

Расширенный поиск


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
отменить animation: для класса Black_Star (X)HTML/CSS 6 28.10.2016 10:06
JQuery animate() toggle click кирикала Events/DOM/Window 3 21.09.2016 10:17
Передача значения X в функцию Delta (JS Animation) max0n Общие вопросы Javascript 14 15.10.2014 17:55
слайдер и ф-ция toggle user_ua jQuery 1 27.12.2011 15:56
дождаться выполнения toggle maximu$$ jQuery 7 04.05.2011 14:58