Как по клику добавить или удалить класс CSS при помощи Javascript и JQuery

01 Сентября 2015, 11:52

В данной статье хочу привести простое решение, для реализации задачи, когда нужно по клику добавить или удалить дополнительный класс. Такая процедура нужна очень часто, например, для открытия скрытого контента на сайте по клику на любую кнопку. Для опытных кодеров, это не составит трудности реализовать, однако для начинающих вебмастеров такая задача может быть проблемной. Поэтому прилагаю ниже код, который решает эту проблему.

Пример кода

        $(function(){
            $('.button').click(function(){
                $('.block').toggleClass('active');
            });
        });

Где:
.button – класс объекта, по которому кликают.
.block – класс объекта, в который нужно добавить класс.
active – класс, который добавляется или удаляется по клику.

Пример работы кода

накачаться потолстеть

Комментарии (1)

    Джони | 31.01.2017г. в 17:07

    Спасибо, работает

Оставить комментарий: