I want to.roll up a div of many paragraphs

I have bring trying all possible ways to use css to make a texte of some 6 paragraphs roll up while the text is made of several p in a div. I refuse to believe I may be helped. I committed a gross sin yesterday so it will be this to death. But I would be deeply grateful to receive some help:

Repl link:

code snippet

Can you please provide the link to your Repl?

Can you please explain what this means and how it is relevant?


It can be done by having the paragraphs added to a div. The divs height would be set to 0px. For the div you need to have the transition property in its css set. You can use a css class to trigger an event on the div that would change its height. When the height is changed the div will slowly grow and the text will show.