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 ক্লাসটি শুধুমাত্র অপসারিত হয়那样 করে তৈরি করুন।