Bueno finalmente lo solucioné. Según entiendo yo, cada vez que se llama a la función querySelectorAll() es como si de alguna forma seleccionara el elemento o lo clickeara, por lo que llama a la función replegar o desplegar. Para solucionarlo simplemente llamo a la función dentro de la propio función desplegar o replegar, de manera que no cambia el valor antes de la acción.
De todo esto deduzco que no entiendo nada bien como funciona realmente ese método (querySelectorAll()), entonces si alguien me pudiera ayudar explicándolo y diciéndome como funciona realmente se lo agradecería.
Muchsimas gracias. El codigo que funciona sería:
Código Javascript
:
Ver originaladdEventListener ("load", probando);
function probando (){
var nav1 = document.querySelectorAll("#barra_navegacion li");
nav1[1].addEventListener ("mouseon", despliega () );
nav1[1].addEventListener ("mouseout", repliega () );
function despliega (){
document.querySelectorAll("#barra_navegacion_prueba")[0].style.visibility = "visible";
}
function repliega (){
document.querySelectorAll("#barra_navegacion_prueba")[0].style.visibility = "hidden";
}
}
Es decir, si en vez de llamar a la función repliega y despliega sin argumentos y luego buscando el elemento que tenga el id barra_navegación_prueba dentro de ellas, llamo a las funciones pasandoles como argumento la búsqueda del id barra_navegacion_prueba (es decir busco fuera de esas funciones) ya no funciona.
No se si me explico muy bien... jaja saludos!!!!!!!!! y graciasss