Estoy realizando un menu contractil vertical (tipo el de esta pagina http://www.tunait.com/javascript/?s=menucontractil, pero que no me deja ver el codigo):
Tengo el siguiente código
Código Javascript:
Ver original
function entradaMenuVertical(defEntrada){ var enlace = document.createElement("a"); var hijoTexto = document.createTextNode(defEntrada[0]); enlace.appendChild(hijoTexto); if(defEntrada[1] == '1'){ //Creamos la imagen de la llave var llave = document.createElement("img"); llave.setAttribute("src","http://www.google.es"); llave.style.width = "16px"; llave.style.height = "7px"; llave.style.border = "0px none"; enlace.appendChild(llave); } if('string' == typeof defEntrada[2]){ // si es un enlace enlace.setAttribute("href", defEntrada[2]); //asignar al enlace la URL defEntrada[2] this.enlace = defEntrada[2]; }else{ // es un subMenu var subMenu = document.createElement("div"); //creo un div donde almaceno el subMenu subMenu = defEntrada[2]; // al div creado le doy defEntrada[2] subMenu.display = "hidden"; //lo oculto enlace.setAttribute("href", defEntrada[2]); //cada enlace onclickMenuVertical(enlace,subMenu); //onclick } return enlace; } function onclickMenuVertical(enlace,subMenu) { if(enlace.nextSibling.style.display == "hidden"){ subMenu.nextSibling.style.display = "block"; } else{ subMenu.nextSibling.style.display="hidden"; }
Es una serie de enlaces almacenados en un array multidimensional y quiero que al hacer click se muestre y al hacer click en otro distinto se oculte el anterior mostrando el ultimo donde se hizo click
Alguna ayuda porfavor??