0

Tengo una caja que al cargar la página están con el estilo display: none; y no se muestran. Luego tengo un enlace que ejecuta una función js que hace que el display: none; cambie a display: block; y se muestren, pero dicha función parece que no funcione.

var visto = false;

function mostrar(id) {

    if(visto == false) {
        document.getElementsByClassName(id).style.display = "block";
        visto = true;
    } else {
        document.getElementsByClassName(id).style.display = "none";
        visto = false;
    }
}

¿ Qué estoy haciendo mal ?

4
  • ¿Has comprobado que el id que le estás pasando es correcto? Estás buscando por className, igual es que deberías buscar por id? Commented el 30 nov. 2019 a las 12:42
  • el id es correcto porque inspecciono el html y veo que se llama a la funcion onclick="mostrar('idcorrecta')"
    – David
    Commented el 30 nov. 2019 a las 17:08
  • Puede que llame a la id correcta pero a lo que se refiere es que para seleccionar el elemento no lo haces por su id si no por className, por lo que si el/los elementos no tienen una clase llamada igual que ese id no encontrará ningun elemento
    – Chema
    Commented el 30 nov. 2019 a las 21:51
  • Le llamé id solamente a la variable, pero, lo busco por className y tiene esa clase.
    – David
    Commented el 1 dic. 2019 a las 14:05

1 respuesta 1

0

Prueba con hide para ocultar y show para mostrar.

4
  • Esto sólo sería válido si tiene la libreria de jquery importada, no es una solución válida con javascript puro. Commented el 30 nov. 2019 a las 12:41
  • Y como lo haría con el ejemplo que tengo puesto ? @SebastianPaduano
    – David
    Commented el 30 nov. 2019 a las 12:42
  • A lo que me refiero es que show y hide son funciones de JQuery, una librería de selectores de JS. En tu caso, lo estás haciendo bien (w3schools.com/jsref/prop_style_display.asp). Commented el 30 nov. 2019 a las 12:50
  • @SebastianPaduano creo que mi problema es que al darle al enlace aunque pongo el display a block, la página vuelve a cargarse por lo que al cargarse el css de nuevo vuelve a estar el display en none. ¿ Cómo soluciono eso ?
    – David
    Commented el 30 nov. 2019 a las 15:53

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.