Cómo cambiar entre me gusta y no me gusta

Usar CSS y JavaScript para cambiar entre los botones de me gusta y no me gusta.

Hacer clic en este icono para cambiar entre aprobado y desaprobado (me gusta/no me gusta):

Cambiar (ocultar/mostrar) un elemento

Paso 1 - Añadir HTML:

<!-- Añadir biblioteca de iconos -->
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
<!-- Usar un elemento para cambiar entre el icono de like y dislike -->
<i onclick="myFunction(this)" class="fa fa-thumbs-up"></i>

Paso 2 - Añadir JavaScript:

function myFunction(x) {
  x.classList.toggle("fa-thumbs-down");
}

Prueba por su cuenta