Как сделать выплывающий текст из-под заголовка при нажатии?

Question

[Psoriaz]

У меня есть что-то вроде меню. Мне нужно, чтобы при нажатии на элемент в меню из-под него выплывал текст (плавно). Я сделал так, чтобы текст появлялся резко, но меня это не устраивает и вообще мне кажется я сделал все как-то чересчур коряво. Как можно сделать все красивее и плавнее?

Codepen: https://codepen.io/pen/?template=abWOQdX

Comments

[Сергей Сергей]

это "аккордеон", такой тип блоков. Так и гуглить "js jquery accordeon".