javascript - How can I make a box automatically move down? -

यूआरएल :

मुद्दा : यह पोस्ट ड्रॉप डाउन बॉक्सेज के बारे में है, वे वर्तमान में जगह तय हो गई हैं। मुझे यह पसंद है, इसलिए वे एक-दूसरे के नीचे सीधे होते हैं, और फिर जब आप एक दूसरे पर विस्तार करते हैं तो नीचे धक्का दिया जाता है मैं यह कैसे करूँगा?

सेटअप : प्रत्येक बॉक्स इसकी खुद की डिवा है (बॉक्स 6 से बॉक्स 6 तक), और यह दो डिवा (शीर्ष और नीचे में है

सीएसएस : यह मैं इस्तेमाल किया सीएसएस है:

मैं काफी कुछ एक रास्ता होना चाहिए इसे कम कोड के साथ भी करने के लिए। लेकिन वैसे भी मैं इसे अधिक होने के बारे में अधिक चिंतित हूँ ताकि बॉक्स के विस्तार के नीचे नीचे दिए गए बॉक्स नीचे हो जाएं। सवाल में कोड "/ * ABOUT / /" के अधीन है, इसलिए यदि आप खोजते हैं कि यह आना चाहिए

>

क्या आप एक एम्परेन्टियन की तरह कुछ सोच रहे हैं?

HTML

  & lt; div id = "accordion" & gt; & lt; h3 & gt; 1,000 अनुयायियों - $ 4.99 & lt ; / H3 & gt; & lt; div & gt; & lt; div & gt; & lt; img src = 'http: //www.ibcs-software.com/images/tick.png' / & gt; अब हमें आज़माएं! & Lt; / div & gt; & lt ; डिवि & gt; & lt; img src = 'http: //www.i Bcs-software.com/images/tick.png '/ & gt; 24 घंटे की डिलिवरी & lt; / div & gt; & Lt; div & gt; & lt; img src = 'http: //www.ibcs-software.com/images/tick.png' / & gt; 24/7 लाइव सहायता & lt; / div & gt; & Lt; div & gt; & lt; img src = 'http: //www.ibcs-software.com/images/tick.png' / & gt; अपने अनुयायियों को प्रभावित करें & lt; / div & gt; & Lt; div & gt; & lt; img src = 'http: //www.clker.com/cliparts/b/a/L/8/a/Z/orange-cross-md.png' / & gt; बल्क डिस्काउंट & lt; / div & gt ; & Lt; / div & gt; & Lt; h3 & gt; 5,000 अनुयायियों, $ 12.99 & lt; / h3 & gt; & Lt; div & gt; & Lt; div & gt; & lt; img src = 'http: //www.ibcs-software.com/images/tick.png' / & gt; 24 घंटे की डिलिवरी & lt; / div & gt; & Lt; div & gt; & lt; img src = 'http: //www.ibcs-software.com/images/tick.png' / & gt; लाइव सहायता & lt; / div & gt; & Lt; div & gt; & lt; img src = 'http: //www.ibcs-software.com/images/tick.png' / & gt; अब मान्यता प्राप्त करें! & Lt; / div & gt; & Lt; div & gt; & lt; img src = 'http: //www.ibcs-software.com/images/tick.png' / & gt; मनी बॅक ग्वारंटिनी & lt; / div & gt; & Lt; div & gt; & lt; img src = 'http: //www.ibcs-software.com/images/tick.png' / & gt; महान मूल्य & lt; / div & gt; & Lt; / div & gt; & Lt; h3 & gt; 25,000 अनुयायियों, $ 29.99 & lt; / h3 & gt; & Lt; div & gt; & Lt; div & gt; & lt; img src = 'http: //www.ibcs-software.com/images/tick.png' / & gt; 24 घंटे की डिलिवरी & lt; / div & gt; & Lt; div & gt; & lt; img src = 'http: //www.ibcs-software.com/images/tick.png' / & gt; व्यवसाय के विस्तार के लिए बढ़िया! & Lt; / div & gt; & Lt; div & gt; & lt; img src = 'http: //www.ibcs-software.com/images/tick.png' / & gt; लाइव सहायता & lt; / div & gt; & Lt; div & gt; & lt; img src = 'http: //www.ibcs-software.com/images/tick.png' / & gt; अद्भुत मूल्य & lt; / div & gt; & Lt; div & gt; & lt; img src = 'http: //www.ibcs-software.com/images/tick.png' / & gt; थोक डिस्काउंट & lt; / div & gt; & Lt; / div & gt; & Lt; h3 & gt; 50,000 अनुयायियों, $ 49.9 9 & lt; / h3 & gt; & Lt; div & gt; & Lt; div & gt; & Lt; div & gt; & lt; img src = 'http: //www.ibcs-software.com/images/tick.png' / & gt; 24 घंटे की डिलिवरी & lt; / div & gt; & Lt; div & gt; & lt; img src = 'http: //www.ibcs-software.com/images/tick.png' / & gt; लाइफटाइम समर्थन & lt; / div & gt; & Lt; div & gt; & lt; img src = 'http: //www.ibcs-software.com/images/tick.png' / & gt; थोक छूट & lt; / div & gt; & Lt; div & gt; & lt; img src = 'http: //www.ibcs-software.com/images/tick.png' / & gt; ट्विटर पर प्रसिद्ध रहें & lt; / div & gt; & Lt; / div & gt; & Lt; / div & gt;