jamischaer Posted March 23, 2023 Share Posted March 23, 2023 My client wants an accordion with 8 drop-downs, but she wants it in two columns. So drop downs 1-4 would be on the left and 5-8 would be on the right. I did this by just having two accordion blocks next to each other but then if she opens a dropdown from accordion A, and then from accordion B, the one from A will not close. Is there a custom code to either make the two accordions communicate with each other OR have one big accordion with all 8 but have 4 on the left and 4 next to it on the right? The goal is 4 X 4 but have each dropdown close when you open another. Link to comment
tuanphan Posted March 25, 2023 Share Posted March 25, 2023 Hi, Can you share link to page where you added accordions? I think we can use CSS column-count: 2 to make dropdowns to 2 columns Email me if you have need any help (free, of course.). Answer within 24 hours. Or send to forum message Contact Customer Care - Learn CSS - Buy me a coffee (thank you!) Link to comment
melaniejaane Posted November 18, 2023 Share Posted November 18, 2023 I also want to split accordion block into two columns (1-3 left column, 4-6 right column) @tuanphan are you able to help? 🙂 https://beehyve.squarespace.com/services/counselling#service-page-our-tools Link to comment
tuanphan Posted November 20, 2023 Share Posted November 20, 2023 On 11/18/2023 at 8:12 AM, melaniejaane said: I also want to split accordion block into two columns (1-3 left column, 4-6 right column) @tuanphan are you able to help? 🙂 https://beehyve.squarespace.com/services/counselling#service-page-our-tools I see you figured it out? Email me if you have need any help (free, of course.). Answer within 24 hours. Or send to forum message Contact Customer Care - Learn CSS - Buy me a coffee (thank you!) Link to comment
Recommended Posts
Create an account or sign in to comment
You need to be a member in order to leave a comment