jquery - Accordion effect on many tables and just the first and last element -
मैं इस jQuery स्क्रिप्ट का उपयोग करता हूं:
$ (function () {$ (" $ ("। Accordionjquery tr: प्रथम-बच्चा")। शो (); $ ("। Accordionjquery tr.lineclic")। क्लिक करें (फ़ंक्शन () {$ (यह) .nextAll ("tr")। FadeToggle (100);})। Eq (0)। Trigger ('click');});
मेरी एचटीएमएल स्क्रिप्ट:
& lt; तालिका वर्ग = "accordionjquery" & gt; & Lt; tr class = "lineclic" & gt; & Lt; th & gt; प्रथम तालिका & lt; / th & gt; & LT; वें & gt; & lt; / वें & gt; & Lt; / टीआर & gt; & LT; टीआर & gt; & LT; टीडी & gt; HIDE1 & lt; / टीडी & gt; & LT; टीडी & gt; & lt; / टीडी & gt; & Lt; / टीआर & gt; & LT; टीआर & gt; & LT; टीडी & gt; HIDE2 & lt; / टीडी & gt; & LT; टीडी & gt; & lt; / टीडी & gt; & Lt; / टीआर & gt; & LT; टीआर & gt; & LT; टीडी & gt; HIDE3 & lt; / टीडी & gt; & LT; टीडी & gt; & lt; / टीडी & gt; & Lt; / टीआर & gt; & LT; टीआर & gt; & Lt; td colspan = "2" & gt; & lt;% = pie_chart @chart_enc% & gt; & lt; / td & gt; & Lt; / टीआर & gt; & Lt; / तालिका & gt; & Lt; तालिका वर्ग = "accordionjquery" & gt; & Lt; tr class = "lineclic" & gt; & Lt; th & gt; दूसरा तालिका & lt; / th & gt; & LT; वें & gt; & lt; / वें & gt; & Lt; / टीआर & gt; & LT; टीआर & gt; & LT; टीडी & gt; HIDE1 & lt; / टीडी & gt; & LT; टीडी & gt; & lt; / टीडी & gt; & Lt; / टीआर & gt; & LT; टीआर & gt; & LT; टीडी & gt; HIDE2 & lt; / टीडी & gt; & LT; टीडी & gt; & lt; / टीडी & gt; & Lt; / टीआर & gt; & LT; टीआर & gt; & LT; टीडी & gt; HIDE3 & lt; / टीडी & gt; & LT; टीडी & gt; & lt; / टीडी & gt; & Lt; / टीआर & gt; & LT; टीआर & gt; & Lt; td colspan = "2" & gt; & lt;% = pie_chart @chart_enc% & gt; & lt; / td & gt; & Lt; / टीआर & gt; & Lt; / तालिका & gt;
इस तरह से कई तालिकाओं हैं।
जब मेरा पृष्ठ लोड हो गया है, मैं चाहता हूं कि हर मेजएं छिपी हों, पहले tr (रिक्लेक्लिक वर्ग के साथ) और Pie_chart के साथ पिछले।
भरा हुआ पृष्ठ:
& lt; तालिका वर्ग = "accordionjquery" & gt; & Lt; tr class = "lineclic" & gt; & Lt; th & gt; प्रथम तालिका & lt; / th & gt; & LT; वें & gt; & lt; / वें & gt; & Lt; / टीआर & gt; & LT; टीआर & gt; & Lt; td colspan = "2" & gt; & lt;% = pie_chart @chart_enc% & gt; & lt; / td & gt; & Lt; / टीआर & gt; & Lt; / तालिका & gt; & Lt; तालिका वर्ग = "accordionjquery" & gt; & Lt; tr class = "lineclic" & gt; & Lt; th & gt; प्रथम तालिका & lt; / th & gt; & LT; वें & gt; & lt; / वें & gt; & Lt; / टीआर & gt; & LT; टीआर & gt; & Lt; td colspan = "2" & gt; & lt;% = pie_chart @chart_enc% & gt; & lt; / td & gt; & Lt; / टीआर & gt; & Lt; / तालिका & gt;
और जब मैं पहली पंक्ति पर क्लिक करता हूं, तो दूसरा tr
s दिखाई देता है!
pie_chart
doesn ' रीसाइज़िंग
का समर्थन नहीं करता क्योंकि यह स्वयं पुनः लोड नहीं करता है।
आप कोशिश कर सकते हैं: (केवल दूसरी तालिका छिपी है)
धन्यवाद!
संपादित करें: प्रत्येक तालिकाओं को "बंद" करने के लिए धन्यवाद Stiger
( ट्रिगर ('क्लिक')
हटा दिया गया है):
$ (function () {$ ("accordionjquery tr: not (.lineclic)")। Hide (); $ ("। Accordionjquery tr: प्रथम-बाल")। Show (); $ ("। Accordionjquery tr.lineclic")। क्लिक करें (फ़ंक्शन () {$ (this) .nextAll ("tr")। FadeToggle (100);})। Eq (0);});
अब, शीर्षक और अंतिम tr (पटर स्क्रिप्ट के साथ: pie_chart) कैसे दिखाएगा
?
< / html>
Comments
Post a Comment