No soy muy ducho con javascript ni jquery... pero estoy intentando hacer un script de menu que oculte y muestre los respectivos DIVs para cada boton del menu. Se entiende?
No se como se hace esto. Tal vez haya una forma mas simple o ya armada pero no la conozco.
Esta es la idea.
Código:
El problema es que cuando vuelvo ejecutar la funcion la variable "ocultar" esta vacia (undefined)<script type="text/javascript"> var ocultar = "index"; <------------ el primer div que se ve al entrar al sitio var mostrar = ""; <-------------- supuse que tenia que declarar la variable global para sacar la local (ocultar) de la funcion $(document).ready(function(){ $("#calentitos").hide(); <----------------------escondo uno de los divs que luego deberian mostrarse $("#menu_cuerpo a").click(function(e){ $("#"+ocultar).hide(); <------------------ oculto el div id igual a la variable ocultar (el primer div) e.preventDefault(); var mostrar = $(this).attr("href"); <-------------- asigno a la variable mostrar el valor href que contiene el id del div a mostrar $("#"+mostrar).show(); <--------------------------- lo muestro var ocultar = $(this).attr("href"); <--------------- y lo asgino a ocultar para ocultarlo en el proximo click }); }); </script>
Debería poder asignar el valor de la variable ocultar a una variable global, no?
Estoy muy perdido? De todas formas si saben de otra forma mejor de hacer esto soy todo oídos.