Acordeón con .css para móviles

[siddartha23]

Cuando utilizas la pseudoclase 'hover' le estas dando el siguiente comportamiento al botón: cuando el puntero del mouse se ubique sobre tí realiza tal acción, te mencionaba que lo reemplazes ya que en dispositivas móviles no existe el puntero sino utilizas tu propio dedo, por tanto es más efectivo utilizar eventos "al hacer click sobre el botón" y eso es sencillo solucionarlo con JQuery con la función click y "slide" o un "toggleClass" / "show", etc...