jQuery-তে fadeToggle পদ্ধতি

fadeToggle পদ্ধতিটি slideToggle পদ্ধতির মতোই কাজ করে, এটিও প্রভাবগুলির পর্যায়ক্রমিক পরিবর্তন বাস্তবায়ন করে: কখনও উপাদানটি দেখায়, কখনও লুকায়।

উদাহরণস্বরূপ, আমরা একই বোতামে ক্লিক করে একটি উপাদান দেখাতে এবং লুকাতে পারি। আসুন নিম্নলিখিত HTML কোডে এই পদ্ধতিটি বাস্তবায়ন করি:

<button id="toggle">click me</button>
<div id="elem">text...</div>

CSSটি যেন এইরকম দেখায়:

#elem {
	padding: 10px;
	width: 150px;
	height: 150px;
	border: 1px solid green;
	margin-top: 10px;
}

নিম্নলিখিত Javascript কোডটি লিখি:

$('#toggle').click(function() {
	$('#elem').fadeToggle(1000);
});