slideDown পদ্ধতি

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

বাক্য গঠন

নির্দিষ্ট সময়ের জন্য প্রদর্শন, 400ms ডিফল্টরূপে:

.slideDown(সময়কাল);

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

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

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

.slideDown();

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

.slideDown(সময়কাল, [ইজিং ফাংশন], [কলব্যাক ফাংশন]);

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

.slideDown(বিকল্পসমূহ);

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

.slideDown( {duration: 600, easing: easeInSine} );

উদাহরণ

চলুন বাটন ক্লিক করার পরে, slideDown পদ্ধতি ব্যবহার করে লুকানো প্যারাগ্রাফটি মসৃণভাবে প্রদর্শন করা যাক। কীওয়ার্ড slow পাস করে, আমরা গতি 600ms এ সেট করব। অ্যানিমেশন শেষ হওয়ার পরে কনসোলে 'Animation complete' আউটপুট করা হবে:

<button>টেক্সট দেখান</button>
<p style="display: none">টেক্সট</p>

$('button').click(function() {
	$('p').slideDown('slow', function() {
		console.log('Animation complete')
	});
});

আরও দেখুন

slideUp পদ্ধতি,
যা উপাদানগুলিকে মসৃণভাবে লুকায়
slideToggle পদ্ধতি,
যা উপাদানগুলির মসৃণ প্রদর্শন/লুকানো পরিবর্তন করে
fadeIn পদ্ধতি,
যা লুকানো উপাদানগুলিকে মসৃণভাবে প্রদর্শন করে, সেগুলিকে অস্বচ্ছ করে তোলে
show পদ্ধতি,
যা উপাদানগুলিকে মসৃণভাবে প্রদর্শন করে