Cómo implementar un acordeón sencillo y rápido con jQuery

Este inicio de año continuamos con los tutoriales de nuestro curso de jQuery, en donde específicamente nos quedamos en la construcción de nuestro sitio web dinámico. En el tutorial de hoy vamos a ver cómo realizar la sección de nuestro FAQ (Frecuent Answered Questions) o el apartado de preguntas frecuentes, de tal forma que como muchos sitios en la actualidad le hacen implementan un acordeón en jQuery para que el usuario que busque por una duda específica le de clic a la pregunta y se despliegue ahí mismo en la página una respuesta, haciendo que las demás preguntas que pudieran haber sido consultadas escondan su debida respuesta.

En el tutorial veremos que en la parte de código todo es una risa, bastan 4 líneas de código para implementar un acordeón totalmente funcional, y en donde vamos a tardarnos un poco de más tiempo va a ser en el front-end, pero de todas formas, nos sirve para entender cómo funciona un acordeón con jQuery.