Drop Down 'More Information' Text

[curiousnjc]

Hello,

I would like to have the +/- drop down more information css/html code, I tried looking it up on Google but didn't know what this was called. I know that I can enter this code in the product description but what's the code?

Example 1:

 

THIS ↑ TURNED INTO THIS ↓ 

EXAMPLE 2:

↑ THIS TURNED INTO THESE ↓ 

 

Thank you!

[Anonymous · Accepted solution]

Hi @curiousnjc 

Welcome to Shopify Community. 

Aibek is here from Speedimize.io 

What you're searching for is "collapse", you can take a look here: https://www.w3schools.com/howto/howto_js_collapsible.asp 

If you click on "Try it yourself" you can see how it works and which code to apply. 

Hope that helps you. 

[curiousnjc]

Thank you @Anonymous for your timely response!

I chose the animated collapsible with the icons. This code only goes into the product description section, correct?

[Anonymous]

Hey @curiousnjc 

Thanks for getting back to me so quickly. 

This code can be inserted anywhere. It will work everywhere.

Customize as you like. In your case, it will be necessary to slightly customize your theme. For example, change the color.

[curiousnjc]

@Anonymous Great, I will do that. Thank you for your help. I will mark this as solved.