slideUp পদ্ধতি

slideUp পদ্ধতিটি উপাদানগুলিকে নীচ থেকে উপরের দিকে রোল আপ করে মসৃণভাবে লুকিয়ে দেয়। slideDown পদ্ধতি ব্যবহার করে উপাদানগুলি দেখানো যেতে পারে।

সিনট্যাক্স

নির্দিষ্ট সময়ের মধ্যে লুকানো, ডিফল্টভাবে 400ms:

.slideUp(duration);

সময় শুধুমাত্র মিলিসেকেন্ডে নয়, slow (600ms) এবং fast (200ms) কীওয়ার্ড দিয়েও নির্দিষ্ট করা যেতে পারে, মান যত বেশি হবে, অ্যানিমেশন তত ধীর হবে:

.slideUp('slow' বা 'fast');

যদি কোনো প্যারামিটার নির্দিষ্ট না করা হয় - কোনো অ্যানিমেশন হবে না, উপাদানগুলি তাত্ক্ষণিকভাবে লুকিয়ে যাবে:

.slideUp();

দ্বিতীয় প্যারামিটার হিসাবে একটি ইজিং ফাংশন এবং তৃতীয় প্যারামিটার হিসাবে একটি কলব্যাক ফাংশন - অ্যানিমেশন সম্পূর্ণ হওয়ার পরে কার্যকর হবে - পাঠানোও যেতে পারে। উভয় প্যারামিটারই ঐচ্ছিক:

.slideUp(duration, [easing function], [callback function]);

পদ্ধতিতে বিভিন্ন বিকল্প, জাভাস্ক্রিপ্ট অবজেক্ট আকারে, যাতে key: value জোড়া থাকে, পাঠানো যেতে পারে:

.slideUp(options);

এই ধরনের একটি অবজেক্ট নিম্নলিখিত প্যারামিটার এবং ফাংশন পাঠাতে পারে - duration, easing, queue, specialEasing, step, progress, complete, start, done, fail, always। এই প্যারামিটারগুলির বর্ণনা আপনি animate পদ্ধতির জন্য দেখতে পারেন। উদাহরণস্বরূপ, আসুন সময়কাল এবং ইজিং ফাংশন সেট করি:

.slideUp( {duration: 800, easing: easeInSine} );

উদাহরণ

চলুন বাটন টিপার পরে, আমরা মসৃণভাবে লুকিয়ে দিই প্যারেন্ট div, যাতে ইনপুট এবং বাটন থাকে, slideUp পদ্ধতি ব্যবহার করে (এই div আমরা parent পদ্ধতি ব্যবহার করে খুঁজে পাব)। slow কীওয়ার্ড পাঠিয়ে, আমরা গতি 600ms এ সেট করব। div এ #test সাথে আমরা 'Text is hidden' শিলালিপিটি প্রদর্শন করব:

<div>
	<button>লুকান টেক্সট</button>
	<input type="text" value="aaa">
</div>
<div id="test"></div>

$('button').click(function() {
	$(this).parent().slideUp('slow', function() {
		$('#test').text('Text is hidden');
	});
});

আরও দেখুন

slideDown পদ্ধতি,
যা উপাদানগুলিকে মসৃণভাবে দেখায়
slideToggle পদ্ধতি,
যা মসৃণভাবে দেখানো/লুকানো পরিবর্তন করে
fadeOut পদ্ধতি,
যা উপাদানগুলিকে স্বচ্ছ করে মসৃণভাবে লুকিয়ে দেয়
hide পদ্ধতি,
যা উপাদানগুলিকে মসৃণভাবে লুকিয়ে দেয়