How can I integrate a JavaScript accordion into my product page?

Technical Q&A
1

Hi,

I want to use this accordion in my product page (I’ll style it later).

But I don’t know how to use the javascript inside the admin product page description.

I think I need to put the javascript code somewhere in product-template.liquid and link it to something like {{ product.description }}, but Im not sure.

Can you help me?

Thank you

2

I found that, the JQuery library was missing. So I added the following code

But now, for some reason it adds a page padding-top of 125px…

Also the arrow styles are missing or not loading.

Can you help me?

Thank you

3

Can you help me?

Thank you