jquery - Show one <div> and hide another -
मेरे पास दो & lt; div & gt;
तत्व:
& Lt; div id = "छिपा हुआ" & gt; & Lt; div id = "hideitem" & gt; & Lt; इनपुट आईडी = "आइटम 5" प्रकार = "रेडियो" वर्ग = "आइटम" नाम = "आइटम" मान = "सामान्य" / & gt; सामान्य फ़ंक्शन & lt; / div & gt;
मैंने & lt; div id = "hidden" & gt;
से डिस्प्ले: कोई भी
सेट नहीं किया है। मुझे यह दिखाना है कि जब रेडियो बटन क्लिक किया जाता है:
$ ("# item5")। क्लिक करें (फ़ंक्शन () {$ ("# hidden")। Show ();} < / Code>
लेकिन मैं & lt; div id = "hideitem" & gt;
के बाद & lt; div id = "छिपा" & gt;
दिखाया गया है?
अधिकांश jQuery fx विधियों की तरह
, .show ()
एक वैकल्पिक पैरामीटर है जहां आप कॉलबैक फ़ंक्शन
सेवा कर सकते हैं। आप जिस पास से पारित किया गया फ़ंक्शन Fx प्रभाव
समाप्त हो जाने के बाद निष्पादित होता है।
$ ('# छिपा हुआ')। दिखाएँ ('तेज', फ़ंक्शन () {$ ('# हैप्पीटिमम')। Hide ();});
यह एक गुमनाम फ़ंक्शन
को पैरामीटर के रूप में पास करता है, जिसे प्रभाव के बाद कहा जाता है। यह सिर्फ #hideitem
ऑब्जेक्ट छुपाता है। आप देखेंगे कि मैंने एक अतिरिक्त पैरामीटर 'fast'
। यह अवधि jQuery का उपयोग फ़ेडआउट निष्पादित करने के लिए करता है (यह एमएस में एक संख्या भी हो सकती है)। यह वास्तव में इसका उपयोग करने के लिए केवल समझ में आता है जैसे, अन्यथा, । दिखाएं (
) केवल display
संपत्ति को ब्लॉक
पर सेट कर देगा। एक अवधि के बिना हमारे पास कोई देरी नहीं है इसलिए इसके लिए एक कॉलबैक फ़ंक्शन तत्काल लागू हो जाएगा।
यदि आप एक साथ दिखाना चाहते हैं और उस तत्व को छिपाना चाहते हैं तो बस दोनों कॉल करें
$ ('# hidden')। (); $ ( '# Hideitem') को छिपाने ()।;
Comments
Post a Comment