Метод toggleClass
Метод toggleClass наизменично додаје/уклања
CSS класу: ако је нема - додаће је, ако је има - уклониће је.
Синтакса
Једна CSS класа:
$(селектор).toggleClass(име класе);
Само додати или уклонити CSS класу у зависности
од другог параметра, који прима вредности
true или false:
$(селектор).toggleClass(име CSS класе, стање);
Неколико CSS класа:
$(селектор).toggleClass(['класа1', 'класа2', 'класа3', '...']);
Само додати или уклонити CSS класе у зависности од другог параметра:
$(селектор).toggleClass(['класа1', 'класа2', 'класа3', '...'], стање');
Примена функције на сваки елемент у сету,
стање може бити true или false,
и указује методу - само додати или само
уклонити CSS класу:
$(селектор).toggleClass(function(редни број у сету, тренутне класе елемента, стање), [стање]);
Пример
Наш пасус већ има две класе. Хајде да
му додамо и класу www:
<p id="test" class="eee ggg">текст</p>
$('#test').toggleClass('www');
HTML код ће тада изгледати овако:
<p id="test" class="eee ggg www">текст</p>
Пример
А сада класа www већ постоји у елементу
- хајде да је уклонимо:
<p id="test" class="eee ggg www">текст</p>
$('#test').toggleClass('www');
HTML код ће тада изгледати овако:
<p id="test" class="eee ggg">текст</p>
Погледајте такође
-
методе
addClass,removeClass,hasClass -
JavaScript својство
classList,
помоћу кога се може наизменично додавати/уклањати класа на чистoм JavaScript-у
