hide मेथड
hide मेथड एलिमेंट्स को स्मूदली हाइड करती है। एलिमेंट्स को
show मेथड की
मदद से दिखाया जा सकता है।
सिंटैक्स
दिए गए समय में डिसएपियरेंस,
डिफॉल्ट रूप से 400ms:
.hide(duration);
समय न केवल मिलीसेकंड में, बल्कि कीवर्ड slow (600ms)
और fast (200ms) से भी सेट किया जा सकता है, जितना बड़ा मान,
उतनी धीमी एनीमेशन:
.hide('slow' या 'fast');
यदि कोई पैरामीटर निर्दिष्ट नहीं किया जाता - कोई एनीमेशन नहीं होगी, एलिमेंट्स तुरंत हाइड हो जाएंगे:
.hide();
दूसरे पैरामीटर के रूप में ईज़िंग फंक्शन पास किया जा सकता है, और तीसरे पैरामीटर के रूप में कॉलबैक फंक्शन - एनीमेशन पूरी होने के बाद एक्जिक्यूट होगा। दोनों पैरामीटर ऑप्शनल हैं:
.hide(duration, [easing function], [callback function]);
मेथड को विभिन्न ऑप्शन्स, जावास्क्रिप्ट ऑब्जेक्ट के रूप में पास किए जा सकते हैं, जिसमें key: value पेयर्स हों:
.hide(options);
ऐसा ऑब्जेक्ट निम्नलिखित
पैरामीटर्स और फंक्शंस पास कर सकता है - duration, easing,
queue, specialEasing, step,
progress, complete, start,
done, fail, always। इन पैरामीटर्स का विवरण
आप animate मेथड के लिए
देख सकते हैं। उदाहरण के लिए,
ड्यूरेशन और ईज़िंग फंक्शन सेट करते हैं:
.hide( {duration: 800, easing: easeInSine} );
उदाहरण
आइए #test बटन दबाने के बाद,
hide मेथड का उपयोग करके पैराग्राफ को स्मूदली हाइड करें। कीवर्ड
slow पास करके, हम स्पीड
600ms पर सेट करेंगे। एनीमेशन खत्म होने के बाद कंसोल में
'Animation complete' प्रिंट करेंगे:
<button id="test">हाइड टेक्स्ट</button>
<p>टेक्स्ट</p>
$('#test').click(function() {
$('p').hide('slow', function() {
console.log('Animation complete')
});
});
