Buenas tardes compañero!
Como siempre agradecer las posibles respuestas!
Estoy creando un sistema de comentarios, y para responder a cada comentario he colocado un botón de "responder". Cuando clican dicho botón aparece el formulario de respuesta.
Para ello utilizo la función toggle de Jquery. El problema que tengo es que para abrir dicho formulario tienen que hacer doble click en el botón "responder" cuando yo quiero que únicamente hagan un click.
Os dejo el ejemplo en codepen:
http://codepen.io/anon/pen/qbBXWy
Como podeis comprobar para abrir el contenido del botón hay que hacer doble click la primera vez que lo intentas, despues para ocultarlo o mostrarlo de nuevo solo necesitas un click.
¿Solución? La única que he encontrado es no ocultar el div desde la hoja de estilos css externa sino desde la misma etiqueta del div:
Código HTML:
<div style="display:none;"></div>
Pero tengo entendido que los estilos no deben ir en el documento html ya que Google los penaliza, imaginaros despues de 50 comentarios, estariamos hablando de 50 divs con etiquetas de estilo en el documento html.
Espero haberme explicado bien y que podáis ayudarme.
Un saludo muy grande!!! :)