javascript - How can I toggle those two divs while clicking on an inside div? -

मेरे पास है:

HTML कोड:

  & lt; div id = "katy" & gt; & Lt; div & gt; & Lt; a href = "जावास्क्रिप्ट: शून्य (0);" id = "एक" & gt; बटन 1 & lt; / a & gt; & Lt; / div & gt; & Lt; / div & gt; & Lt; div id = "पेरी" & gt; & Lt; div & gt; & Lt; a href = "जावास्क्रिप्ट: शून्य (0);" शैली = "प्रदर्शन: कोई नहीं;" id = "ख" & gt; बटन 2 & lt; / a & gt; & Lt; / div & gt; & Lt; / div & gt;  

OUTPUT:

मुझे क्या चाहिए:

< P> आप पर क्लिक करते हैं, यह दिखाएगा आप पर क्लिक करते हैं, यह दिखाया जाएगा।

मैं एक आंतरिक डिवी पर क्लिक करते समय उन दो डिवाइज़ कैसे बदल सकता हूँ?

यदि आप डिस्प्ले: कोई भी भाग नहीं ले जाते तो यह आपके लिए आसान होगा लिंक के बजाय div के लिए।

  & lt; div id = "katy" & gt; & Lt; a href = "जावास्क्रिप्ट: शून्य (0);" id = "एक" & gt; बटन 1 & lt; / a & gt; & Lt; / div & gt; & Lt; div id = "पेरी" शैली = "प्रदर्शन: कोई नहीं;" & gt; & Lt; a href = "जावास्क्रिप्ट: शून्य (0);" id = "ख" & gt; बटन 2 & lt; / a & gt; & lt; / div & gt;  

तब आप इस jQuery कोड का उपयोग कर सकते हैं:

  $ ('# a')। क्लिक करें (फ़ंक्शन () {toggle ();}); $ ('# बी')। क्लिक करें (फ़ंक्शन () {toggle ();}); फ़ंक्शन टॉगल () {$ ('# katy')। टॉगल (); $ ( '# पैरी') को चालू ()।; }