Far Accordion using HTML, CLSS and JavaScript

I've just started to learn JavaScript and coding this page was quite challenging. Unlike CSS and HTML, JavaScript is a programming language. There are multiple ways of achieving the same result, some easier and more demanding, and some that require more knowledge and attention, but are more practical. I've learned so much in the process and acquire an idea of what is JavaScript, how it operates and what is capable of.

Tough I couldn't do all I would like, like smooth the transition when hiding the display of the paragraph's parent divs, I'm starting a bit of JS' logic. It's a real puzzle, but it's rewarding!