Метод toggleClass

Метод toggleClass наизменично додаје/уклања CSS класу: ако је нема - додаће је, ако је има - уклониће је.

Синтакса

Једна CSS класа:

javascript$(селектор).toggleClass(име класе);

Само додати или уклонити CSS класу у зависности од другог параметра, који прима вредности true или false:

javascript$(селектор).toggleClass(име CSS класе, стање);

Неколико CSS класа:

javascript$(селектор).toggleClass(['класа1', 'класа2', 'класа3', '...']);

Само додати или уклонити CSS класе у зависности од другог параметра:

javascript$(селектор).toggleClass(['класа1', 'класа2', 'класа3', '...'], стање');

Примена функције на сваки елемент у сету, стање може бити true или false, и указује методу - само додати или само уклонити CSS класу:

javascript$(селектор).toggleClass(function(редни број у сету, тренутне класе елемента, стање), [стање]);

Пример

Наш пасус већ има две класе. Хајде да му додамо и класу www:

html<p id="test" class="eee ggg">текст</p>

javascript$('#test').toggleClass('www');

HTML код ће тада изгледати овако:

html<p id="test" class="eee ggg www">текст</p>

Пример

А сада класа www већ постоји у елементу - хајде да је уклонимо:

html<p id="test" class="eee ggg www">текст</p>

javascript$('#test').toggleClass('www');

HTML код ће тада изгледати овако:

html<p id="test" class="eee ggg">текст</p>

Погледајте такође