Tengo un sistema de comentarios, y cada comentario tiene un botón que normalmente muestra el número de respuestas. Quiero que cuando un usuario pase el mouse sobre el botón, el texto cambie de "3 respuestas" a "¡Responder!", Y luego, cuando el mouse abandone el botón, el texto volverá a "3 respuestas".

Debido a que el número de respuestas varía para cada comentario, no puedo hacer un simple script de mouseover / mouseout. Una forma de evitarlo sería pasar el número de respuestas como una variable, y hacer una pequeña función para cuidarlo. Pero debe haber una manera más simple. Intenté usar: hover en css para cambiar el contenido de la etiqueta (con el contenido de la propiedad css), pero aún no tuve suerte.

Cualquier ayuda apreciada, gracias!