jquery - displaying multiple div's using anchors tag -
<पूर्व>
& lt; ul class = "dropdown-menu" & gt; & Lt; li & gt; & lt; a href = "# listjobsDiv" id = "listJob" & gt; सूचीजॉब & lt; / a & gt; & lt; / li & gt; & Lt; li & gt; & lt; a href = "# newJobDiv" id = "newJOB" & gt; नई नौकरी जोड़ें & lt; / a & gt; & lt; / li & gt; & Lt; li & gt; & lt; a href = "# संपादित करें jobdiv" id = "editJOB" & gt; नौकरी संपादित करें & lt; / a & gt; & lt; / li & gt; & Lt; li & gt; & lt; a href = "# हटायें जॉबडिव" & gt; नौकरी हटाएं & lt; / a & gt; & lt; / li & gt; & Lt; / ul & gt; & Lt; div id = "adminBody" & gt; & Lt; div id = "listjobsDiv" शैली = "प्रदर्शन: कोई नहीं" & gt; सूची की नौकरियां यहां & lt; / div & gt; & Lt; div id = "newJobDiv" शैली = "प्रदर्शन: कोई नहीं" & gt; नई नौकरी यहाँ & lt; / div & gt; & Lt; div id = "editJobDiv" शैली = "प्रदर्शन: कोई नहीं" & gt; नौकरी संपादित करें & lt; / div & gt; & Lt; div id = "deleteJobDiv" शैली = "प्रदर्शन: कोई नहीं" & gt; यहां नौकरी हटाएं & lt; / div & gt; & Lt; / div & gt; मैं div में adminBody अनुभाग में से एक को प्रदर्शित करने की कोशिश कर रहा हूं, जब मैं इस तरह jQuery का उपयोग कर संबंधित लिंक पर क्लिक करता हूं: $ ("# NewJob")। $ ("# NewJOB")। $ ("NewJob")। सीएसएस ('प्रदर्शन', 'ब्लॉक');});}); $ (Document) .ready (function () {$ ("# editJOB")। क्लिक करें (फ़ंक्शन () {चेतावनी ('हाय'); $ ("# editJobDiv")। सीएसएस ('प्रदर्शन', 'ब्लॉक') ;});}); लेकिन समस्या यह है कि जब मैं लिंक पर क्लिक करता हूं तो पिछले डिव का भी adminBody div में प्रदर्शित होता है।
आपको उन्हें पहले छिपाना चाहिए और केवल एक दिलचस्प दिखाएं।
कुछ $ ("div [id $ = 'div '] ")। Hide () नोट: यह' div 'द्वारा आईडी परिष्करण के साथ सभी div का चयन करेगा। आप इस पर अधिक सटीक होना चाहते हैं
Comments
Post a Comment