[SOLUCIONADO] Mostrar u ocultar texto al hacer click

Alexmarf · #1 (**permalink**) 21/02/2014, 04:14

Hola, soy nuevo en javascript, estoy realizando un curso y necesito ayuda para completar un ejercicio.

Se trata de que al hacer click al enlace se oculte el texto y al volver a hacer click se vuelva a mostrar. La primera parte se me realiza de forma correcta, pero al volver ha hacer click ya no se me muestra y no entiendo el porque.

Muchas gracias

<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>EV4_UD2</title>
<script type="text/javascript">

function muestraOculta() {

var enlace = document.getElementById("enlace_1")

if ( document.getElementById("contenidos_1").style.disp lay = 'block'){
document.getElementById("contenidos_1").style.disp lay = 'none'
enlace.innerHTML = "Mostrar contenidos"
} else {
document.getElementById("contenidos_1").style.disp lay = 'block'
enlace.innerHTML = "Ocultar contenidos"
}

}

</script>
</head>
<body>
<p id="contenidos_1">
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Sed mattis enim vitae
orci. Phasellus libero. Maecenas nisl arcu, consequat congue, commodo nec, commodo
ultricies, turpis. Quisque sapien nunc, posuere vitae, rutrum et, luctus at, pede.
Pellentesque massa ante, ornare id, aliquam vitae, ultrices porttitor, pede. Nullam
sit amet nisl elementum elit convallis malesuada. Phasellus magna sem, semper quis,
faucibus ut, rhoncus non, mi. Duis pellentesque, felis eu adipiscing ullamcorper,
odio urna consequat arcu, at posuere ante quam non dolor. Lorem ipsum dolor sit
amet, consectetuer adipiscing elit. Duis scelerisque.</p>
<a id="enlace_1" href="#" onclick="muestraOculta()">Ocultar contenidos</a>
<br />

alexg88 · #2 (**permalink**) 21/02/2014, 06:37

Tienes fallos en el código en la sintaxis de la comparación (para comparar es == ó ===). El = se usa para asignar, por eso sólo te funciona una vez.

Así sería arreglado:

Código Javascript:

Ver originalfunction muestraOculta() 
{
    var enlace = document.getElementById("enlace_1");
    if (document.getElementById("contenidos_1").style.display != 'none')
    {
            document.getElementById("contenidos_1").style.display = 'none';
            enlace.innerHTML = "Mostrar contenidos";
    }
    else 
    {
        document.getElementById("contenidos_1").style.display = 'block';
        enlace.innerHTML = "Ocultar contenidos";
    }
}