javascript - Toggle element visibility with jQuery! -

मेरे पास निम्न मार्कअप है:

  & lt; div class = "header" & gt; पाठ & lt; / div & gt; & Lt; div वर्ग = "छिपाएरिया" & gt; sdsada & lt; / div & gt; & Lt; div वर्ग = "हैडर" & gt; टेक्स्ट 2 & lt; / div & gt; & Lt; div वर्ग = "छिपाएरिया" & gt; sdsada & lt; / div & gt;  

और निम्न jQuery:

  $ ('। Header')। क्लिक करें (फ़ंक्शन () {var t = $ (this) .next ( '.hiddenArea')। स्लाइड टॉगल ();});  

जब छिपे हुए एरिया से पता चला है कि मैं अन्य छिपे हुए एरिया को छुपाना चाहता हूं अगर यह दिखाई दे रहा है?

अपडेट:

धन्यवाद दोस्तों, यह समाप्त हो गया:

  $ ('# messages .header') क्लिक करें (फ़ंक्शन () {if (! $ (This) .next ()। है (': visible')) {$ ('। HiddenArea')। स्लाइडटॉगल ( );}});  

यह मानते हुए कि आपके पास छुपा हुआ एरेया दिखाई दे रहा है जब फ़ॉर्म प्रदान किया जाता है यह काम करेगा। यह भी ध्यान रखें कि आपको अगले विधि के अंदर फिल्टर की आवश्यकता न हो, क्योंकि अगले ही कभी आपको अगले भाई देता है।

  $ ('। Header')। क्लिक करें (फ़ंक्शन () {var $ el = $ (यह); यदि (! $ El.next ()। है ('दृश्य')) {$ ('div.hiddenArea: दृश्यमान')। स्लाइडअप (फ़ंक्शन () {var t = $ el.next ()। SlideDown ();});}});