How can I incorporate an accordion into my website footer?

[Masaru]

Hello, I have lots of legal pages on my footer (refund, ...) and would like to have an accordion that contains them all instead of having them all there.

Is there an App or a code to do it?

Thank you!

[Ecommpremium]

hi @Masaru  can you please share your store URL so I can help you out in this issue.

Thanks

[Masaru]

https://meritts-jp.com

[Ecommpremium]

@Masaru  what theme you are using and in theme customization use two menu blocks so you can show properly pages in the footer if you can understand do it or simply check inbox for a quick solution with live free help by us for you!

[Masaru]

I use Debut

What do you mean by "Menu Blocks"?

[Ecommpremium]

@Masaru 

Hi please have a look at this video I created for you

Footer Menu Tutorial 

[Masaru]

That is not an accordion...

An accordion is a menu that you can open and close...

Google it please

[Ecommpremium]

while creating a menu put menu items as sub-menus when you hover on the footer menu it will open like subcategories or if you are talking about collapsable tabs with a menu in it then I have to look into it again!

@Masaru 

[Masaru]

I am talking about accordion menus like those ones:

 

[Ecommpremium]

Yes @Masaru yes, sure  If you're comfortable working with coding languages (eg. HTML, JavaScript, CSS, and Liquid), then you can try to follow the custom coding provided by Mobile Code
or Let me know if don't able to this 

[Masaru]

Uhm I am not sure... Where do I have to put them?

If it is ok for you, could you record a video like before to explain me?

You could paste the code on a dummy Debut theme for example.

Hope this doesn't bother you!

[Masaru]

Hello, I tried to add the codes but didn't work... I think I might have done it wrong

Could you please send me a vid where you explain?

[Masaru]

@KetanKumar

Hello, I am so sorry to bother you.

Would you have a solution for this problem please?

[KetanKumar]

@Masaru 

thanks for yes it can be done some customization code

[Masaru]

Ok thank you. Do you know the code that does it?

[KetanKumar]

@Masaru 

It can be done by doing some code customization. please send me a personal message and we can discuss what you'd like

[EcomGraduates1]

https://ecomgraduates.com/products/dawn-theme-accordion-footer 

this works  if you follow the read me file  when you download it 

[Mike1974]

i found this tutorial and worked well 

[Masaru]

I use Debut and not Dawn, does it still work?

Any solution with Debut?

[BrandBuilding88]

basically you would grab the classes  and add this to them to transition 

  .grid .footer-block__heading + .footer-block__details-content {
    visibility: visible;
    opacity: 1;
    height: auto;
    transition: all .2s ease-out;
    overflow: hidden;
    margin-bottom: 3rem;
  }

[topnewyork]

@Masaru 

Hi, You can do this very easily by following this video.