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>

Ошондой эле караңыз