Algunos que esteis empezando con esto de web y tal os gustaría saber como podeis hacer que un menú se oculte o se muestre pulsando un boton, un enlace… con un efecto de desvanecimiento, directamente, o lo que sea.
Os voy a enseñar como se hace con un efecto de desvanecimiento.
Enlazad vuestro jquery en
1 | <script src="jquery.js" type="text/javascript"></script> |
1 2 3 4 5 6 | // Definimos el boton en cuestion, en este caso será a traves de un botón $("#boton").click(function(){ // definimos el nombre del botón #boton $("#contenido2").show("slow"); // Definimos el contenido a mostrar en #contenido2, decimos que se muestre con un .show y que el efecto sea desvanecimiento con ("slow") $("#contenido1").hide("slow"); // Lo mismo que arriba pero con la parte a ocultar, cambiamos .show por .hide return false; // Esto es para que al hacer click en el botón, no te recargue la pagina }); |
Podemos hacer lo mismo haciendo que elc ontenido a mostrar cargue una pagina en vez de un DIV, TABLE, etc.
1 2 3 4 5 6 7 | // Definimos el botón como antes $("#boton").click(function(){ $("#contenido1").hide("slow"); $("#contenido2").load("actualizar.php"); // Definimos el archivo a cargar con .load("archivo") $("#contenido2").show("slow"); return false; }); |


