How to animate showing/disappearancing in CSS and JS

Question

I want to show and animation that showing elements when I click on the button in this code:
https://code.sololearn.com/W6Oh5xY4tG48/?ref=app

Answer 1

hope you'll like it:
https://code.sololearn.com/Wy9NZs1Qvkit/#html

tip: check css code since line 55 till line 73 and js since line 60 till line 63 to see new addition or modification

Answer 2

Thanks