По клику сделать animate, и по клику вернуть обратно?

Question

[Марсель Султанов]

Помогите понять как сделать чтобы при клике на область, сработала анимация, и при еще одном клике сделать анимацию в исходное состояние.

$('#hide_sidebar').click(function () {
        $('.col-md-3').animate({
            maxWidth: "0%",
        });
        $('.sidebar').animate({
            opacity: 0,
        }, 200, "linear");
    });

Применяется для скрытия блока .col-md-3

Comments

[Andrew]

Если через функции - то пилите переменную, которая будет иметь 2 положения(исходное, конечное).
Но я бы делал через css, какому-то классу задать стили и исходному элементу - транзишн, через js - добавлять/удалять класс(toggle)

[WapSter]

Andrew, думаю он нифига не поймет из твоего сообщения. Тем более понимания областей видимости.

[Andrew]

WapSter, будет повод разобраться)

Answer 1

[WapSter]

$('.col-md-3') - вот это очень плохая реализация, не стоит использовать классы bootstrap для подобных манипуляций, допиши свой селектор при необходимости используй !important к нему.