javascript - How to make jQuery slidetoggle effect for multiple div on same page? -
यह एक के लिए ठीक काम करता है div
(function ( $) {$ (दस्तावेज़) .ready (function () {$ ('# div1')। छुपाएं (); $ ('a.plus')। क्लिक करें (फ़ंक्शन () {$ ('# div1')। SlideToggle (); $ (यह) .toggleClass ("minus_icon"); वापसी झूठी;})}}}}}} ();
एक ही पृष्ठ पर एकाधिक div
के लिए इस स्लाइड सेगल प्रभाव कैसे बनाएं? # div1
, # div2
, div # 3
की तरह छुपाने के लिए मेरे पास एक से अधिक div
s है। < / P>
संपादित करें:
यह html में स्थित है
& lt; a class = "plus" & gt; अधिक विवरण & lt; / a & gt; & Lt; div id = "div1" class = "description" & gt; & Lt; p & gt; छिपी हुई सामग्री यहां & lt; / p & gt; & Lt; / div & gt; & Lt; एक वर्ग = "प्लस" & gt; अधिक विवरण & lt; / a & gt; & Lt; div id = "div2" class = "description" & gt; & Lt; p & gt; छिपी हुई सामग्री यहां & lt; / p & gt; & Lt; / div & gt; & Lt; एक वर्ग = "प्लस" & gt; अधिक विवरण & lt; / a & gt; & Lt; div id = "div3" वर्ग = "विवरण" & gt; & Lt; p & gt; छिपी हुई सामग्री यहां & lt; / p & gt; & Lt; / div & gt;
(फ़ंक्शन ($) {$ (दस्तावेज़) .ready (function () { $ ('# Div1, # div2, # div3')। Hide (); $ ('a.plus')। क्लिक करें (फ़ंक्शन () {$ (this) .next ()। SlideToggle (); $ (यह) .toggleClass ("minus_icon"); वापस लौटा;});});}) (jQuery);
Comments
Post a Comment