Buenas!!!
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:
<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>
El problema es que cuando vuelvo ejecutar la funcion la variable "ocultar" esta vacia (undefined)
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.