jQuery-তে slideUp এবং slideDown পদ্ধতি

slideUp এবং slideDown পদ্ধতিগুলো একটি উপাদানকে "গুটিয়ে নেওয়া" এবং "বের করে আনা" সম্ভব করে তোলে (তারা প্রভাবটি কার্যকর করার সময়ও প্যারামিটার হিসেবে গ্রহণ করে, যদি এটি উল্লেখ না করা হয় - তাহলে ডিফল্ট সময় নেওয়া হবে, 400ms)। এটি কেমন দেখায় - নিম্নলিখিত উদাহরণে দেখুন।

ধরুন আমাদের কাছে দুটি বাটন এবং একটি div আছে:

<button id="hide">hide</button>
<button id="show">show</button>
<div id="elem">text...</div>

CSSটি এইরকম দেখাচ্ছে:

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

এখন slideUp এবং slideDown পদ্ধতিগুলো লিখি:

$('#hide').click(function() {
	$('#elem').slideUp(1000);
});

$('#show').click(function() {
	$('#elem').slideDown(1000);
});