show মেথড
show মেথডটি লুকানো
এলিমেন্টগুলিকে মসৃণভাবে প্রদর্শন করে।
hide মেথড ব্যবহার করে
এলিমেন্টগুলি লুকানো যেতে পারে।
সিনট্যাক্স
মিলিসেকেন্ডে নির্দিষ্ট সময়ের জন্য প্রদর্শন,
ডিফল্টভাবে 400ms:
.show(duration);
সময় শুধুমাত্র মিলিসেকেন্ডেই নয়,
slow (600ms)
এবং fast (200ms) কীওয়ার্ড দিয়েও নির্দিষ্ট করা যেতে পারে,
মান যত বেশি হবে,
অ্যানিমেশন তত ধীর হবে:
.show('slow' বা 'fast');
যদি কোনো প্যারামিটার উল্লেখ না করা হয় - অ্যানিমেশন হবে না, এলিমেন্টগুলি তাৎক্ষণিকভাবে প্রদর্শিত হবে:
.show();
দ্বিতীয় প্যারামিটার হিসেবে ইজিং ফাংশন পাস করা যেতে পারে, এবং তৃতীয় প্যারামিটার হিসেবে একটি কলব্যাক ফাংশন পাস করা যেতে পারে - অ্যানিমেশন সম্পূর্ণ হওয়ার পরে কাজ করবে। উভয় প্যারামিটারই ঐচ্ছিক:
.show(duration, [easing function], [callback function]);
মেথডে বিভিন্ন অপশন পাস করা যেতে পারে, জাভাস্ক্রিপ্ট অবজেক্ট আকারে, যাতে key: value জোড়া থাকে:
.show(options);
এই ধরনের একটি অবজেক্ট নিম্নলিখিত
প্যারামিটার এবং ফাংশন পাস করতে পারে - duration, easing,
queue, specialEasing, step,
progress, complete, start,
done, fail, always। এই
প্যারামিটারগুলির বর্ণনা আপনি
animate মেথডের জন্য দেখতে পারেন। উদাহরণস্বরূপ,
সময়কাল এবং ইজিং ফাংশন সেট করা যাক:
.show( {duration: 800, easing: easeInSine} );
উদাহরণ
চলুন বাটন ক্লিক করার পরে,
show মেথড ব্যবহার করে লুকানো
প্যারাগ্রাফটি মসৃণভাবে প্রদর্শন করি।
slow কীওয়ার্ড পাস করে, আমরা গতি
600ms এ সেট করব। অ্যানিমেশন শেষ হওয়ার পরে
কনসোলে 'Animation complete' প্রিন্ট করব:
<button>show text</button>
<p style="display: none">text</p>
$('button').click(function() {
$('p').show('slow', function() {
console.log('Animation complete')
});
});
