Skip to main content

I’m looking for a way to have expandable content for an FAQ section on my landing page. Like when you click on a question, the answer expands below it. Much like the FAQ section at the bottom of this page:




Thanks


Gareth

Hi @smilestories 🙂


You’ll find the recipe for doing this here


Hi @smilestories ,


In addition to Finge’s link, there’s also this link for accordion FAQ sections which might be of use:



Hi everybody, I added my solution + code for a free and easy to implement (mobile + dsktop) FAQ for Unbounce here in this post: Feel free to use it for your projects! 😊
 


 

 


@kurs.dev Amazing!!!


Hi @kurs.dev!

I tried already, it’s working perfectly for FAQ and after FAQ section. But facing problem if i want to add some more sections after the FAQ section. Please take a look at his link and loom: 
https://ub.grooic.com/accordion-faq-widget-for-unbounce/

 

Let me know if you have any idea. Thanks


Hi @kurs.dev!

I tried already, it’s working perfectly for FAQ and after FAQ section. But facing problem if i want to add some more sections after the FAQ section. Please take a look at his link and loom: 
https://ub.grooic.com/accordion-faq-widget-for-unbounce/

 

Let me know if you have any idea. Thanks

 

Hi Mahin and thanks for trying out the FAQ widget. Did I see it right that the section (red and blue) move down as they should and the text box in the blue section does not move?


Hi @kurs.dev, Yes, you see it right. Text box doesn’t move in the blue section. Please let me know if you have an idea for it? Thanks so much again for checking up!


@kurs.dev , thanks for the code! I added it to my page to test but the dropdowns aren’t opening. I copied your code right into the HTML box on Unbounce and have no other coding added. Wondering what could be the issue?


@CGreen Could you please share a screenshot of what you added? It seems there is something wrong with what you copied, because it was working fine for me. There was just another issue that I described above.


@Md_Mahinur_Khan Here you go. 

 

 

 

 

 


@CGreen It should work. However you can try this Unbounce file that i setup. It’s working in there. https://drive.google.com/file/d/12EOZPqMXH-yUl0o6gZ5QwQ2W9etO2bfO/view?usp=sharing


@Md_Mahinur_Khan Thanks! That’s super weird. I imported your Unbounce file and the imported page has the accordion working fine but if I copy the HTML box or the section or anything to any other page, the accordion doesn’t open.

 

I even set up a brand new page with no styling or anything on it and it doesn’t work there either.


@CGreen It’s probably you copied the code in wrong way. Maybe the syntax doesn’t copied properly.  


Reply