jQuery-ში toggleClass მეთოდით კლასის მკაცრი წაშლა და დამატება

toggleClass-ში ასევე შესაძლებელია გადავცეთ მდგომარეობის პარამეტრი, როგორიცაა true ან false, მაშინ კლასი ან მხოლოდ დაემატება, ან მხოლოდ წაიშლება.

დავუშვათ, გვაქვს შემდეგი CSS კლასები:

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

აბზაცზე გამოიყენება კლასი zzz:

<p class="zzz" id="test">text</p>
<button>click</button>

დავუშვათ, რომ დაწკაპუნებაზე მხოლოდ red კლასის დამატება გვსურს:

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

როგორც ხედავთ, ხელახალ დაწკაპუნებაზე ცვლილებები არ ხდება.

კლასებთან მუშაობის ჩამოთვლილი სამივე მეთოდი - addClass, removeClass, toggleClass ასევე შეუძლიათ პარამეტრად მიიღონ რამდენიმე კლასი, და ასევე იძლევა ფუნქციის გამოყენების საშუალებას ნაკრების თითოეულ ელემენტზე.

გამასწორეთ ზემოთ მოცემული კოდის მაგალითი - თავდაპირველად დაწერეთ red კლასი ატრიბუტში და შემდეგ გახადეთ ისე, რომ red კლასი მხოლოდ წაიშალოს.