show मेथड

show मेथड छिपे हुए तत्वों को आसानी से दिखाता है। तत्वों को hide मेथड की मदद से छिपाया जा सकता है।

सिंटैक्स

मिलीसेकंड में दिए गए समय के लिए दिखाना, डिफ़ॉल्ट रूप से 400ms:

.show(duration);

समय न केवल मिलीसेकंड में, बल्कि कीवर्ड slow (600ms) और fast (200ms) से भी निर्धारित किया जा सकता है, मान जितना अधिक होगा, एनीमेशन उतना ही धीमा होगा:

.show('slow' or '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')
	});
});

यह भी देखें

hide मेथड,
जो तत्वों को आसानी से छिपाता है
slideDown मेथड,
जो तत्वों को आसानी से दिखाता है
fadeIn मेथड,
जो छिपे हुए तत्वों को आसानी से दिखाता है, उन्हें अपारदर्शी बनाकर