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);