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>

LLIypuk,
toggleClass и в css пишите всё что нужно.