Небольшая шпаргалка по jQuery – как добавить класс, дополнительно к существующему, при клике на элемент:
Код jQuery:
|
1 2 3 4 5 |
$(document).ready(function(){ $('.div-click').click(function () { $(".mydiv").toggleClass('show'); }); }); |
Код jQuery + migrate (wordpress):
|
1 2 3 4 5 |
jQuery(document).ready(function(){ jQuery('.div-click').click(function () { jQuery(".mydiv").toggleClass('show'); }); }); |
Таким образом к блоку с классом mydiv добавляется дополнительный класс show (<div class=”mydiv show”>) после клика по блоку с классом div-click.
В такой реализации нет необходимости использовать команду removeClass, чтобы удалить дополнительный уже присвоенный класс – при повторном клике происходит удаление.
С помощью данного примера как с jQuery добавить класс при клике можно реализовать множество интересных функций и эффектов, построить меню и многое другое. Я чаще всего использую данный метод в реализации разного рода всплывающих окон.
PS. Информация самого элементарного начального уровня, размещена в качестве шпаргалки по jQuery