0

quiero que al dar click en el enlace este desaparezca, ya que hace la funcion de mostrar contenido y no quiero repetirlo.

<p>mira la respuesta(<a href="#" class="alternar-respuesta">ver respuesta</a>)</p>

2 respuestas 2

2

La solución más sencilla que se me ocurre es usar las etiquetas details y summary:

details.respuesta summary {
    cursor: pointer;
}
details.respuesta[open] summary {
    display: none;
}
<details class="respuesta">
    <summary>Ver respuesta</summary>
    <p>Aqui va la respuesta</p>
</details>

2

<p>mira la respuesta(<a href="#" onclick="this.parentNode.style.display = 'none';" class="alternar-respuesta">ver respuesta</a>)</p>

<p>mira la respuesta(<a href="#" onclick="this.style.display = 'none';" class="alternar-respuesta">ver respuesta</a>)</p>

Tu Respuesta

By clicking “Publica tu respuesta”, you agree to our terms of service and acknowledge you have read our privacy policy.

¿No es la respuesta que buscas? Examina otras preguntas con la etiqueta o formula tu propia pregunta.