jQuery-də toggleClass metodu ilə sinfin ciddi silinməsi və əlavə edilməsi

Həmçinin toggleClass-a true və ya false kimi bir vəziyyət parametri ötürülə bilər, onda sinif ya yalnız əlavə ediləcək, ya da yalnız silinəcək.

Tutaq ki, bizdə aşağıdakı CSS sinifləri var:

.red {
	color: red;
}
	
.zzz {
	font-style: italic;
}

Abzasa zzz sinifi tətbiq edilir:

<p class="zzz" id="test">mətn</p>
<button>kliklə</button>

Gəlin kliklədikdə yalnız red sinfini əlavə edək:

$('button').click(function() {
	$('#test').toggleClass('red', true);
});

Gördüyünüz kimi, təkrar kliklədikdə heç bir dəyişiklik baş vermir.

Siniflərlə iş üçün göstərilən üç metod - addClass, removeClass, toggleClass həm də parametr kimi bir neçə sinif qəbul edə bilər, həm də çoxluqdakı hər bir elementə funksiyanın tətbiqinə imkan verir.

Yuxarıda verilmiş nümunə kodunu düzəldin - əvvəlcə atributa red sinifini əlavə edin və sonra red sinifinin yalnız silinməsini təmin edin.