javascript spoiler помогите сделать спойлер

Есть шапка чата, и ниже есть сам блок чата где летят сообщеньки. Помогите написать простенький код, что бы при нажатии на иконку icon-down блок чата скрылся, и иконка поменялась на icon-up. Главное напишите где какой element вставить с иконками, они просто взяты с font-awesome, я пытался качать плагины, но плавного появления не добылся.

<div class="hidden"><i class="fa fa-angle-down" aria-hidden="true"></i></div>
<section class = "message-block"></section>код