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? 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
    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
    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
    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. el 30 nov. 2019 a las 12:41
  • Y como lo haría con el ejemplo que tengo puesto ? @SebastianPaduano
    – David
    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). 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
    el 30 nov. 2019 a las 15:53

Tu Respuesta

Al pulsar en “Publica tu respuesta”, muestras tu consentimiento a nuestros términos de servicio, política de privacidad y política de cookies

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