JavaScript - toggle me funciona al segundo click

 
Vista:

toggle me funciona al segundo click

Publicado por isabel (10 intervenciones) el 19/12/2017 11:52:54
Hola!
He creado un toggle con javascript:

1
2
3
4
5
6
7
8
9
10
<script>
function myFunction() {
    var x = document.getElementById("descripcionfamilias");
    if (x.style.display === "none") {
        x.style.display = "block";
    } else {
        x.style.display = "none";
    }
}
</script>


funciona bien pero con "descripcionfamilias" visible. Cuando en css le pongo "display:none", hay que hacer doble click en el botón para que se vea "descripcionfamilias".

Sabéis por qué podría ser?¿
Gracias!
Valora esta pregunta
Me gusta: Está pregunta es útil y esta claraNo me gusta: Está pregunta no esta clara o no es útil
0
Responder
Imágen de perfil de xve
Val: 3.162
Oro
Ha mantenido su posición en JavaScript (en relación al último mes)
Gráfica de JavaScript

toggle me funciona al segundo click

Publicado por xve (2100 intervenciones) el 19/12/2017 12:53:31
Hola Isabel, si has puesto el display:none; dentro de un <style>, la primera vez, no tiene valor la propiedad x.style.display...

Prueba a cambiar esta linea:
1
if (x.style.display === "none") {
por esta:
1
if (x.style.display === "none" || x.style.display=="") {

coméntanos, ok?
Valora esta respuesta
Me gusta: Está respuesta es útil y esta claraNo me gusta: Está respuesta no esta clara o no es útil
0
Comentar