Regresar a la página www.ComoCrearTuWeb.com
Resultados 1 al 3 de 3

Tema: [TUTORIAL] Ocultar y mostrar DIV con jQuery

  1. #1
    Esto empieza a ser un vicio... Habitante Avatar de Doodleo
    Fecha de Ingreso
    25 abr, 11
    Ubicación
    Galicia (España)
    Mensajes
    1,329
    Poder de Reputación
    17

    [TUTORIAL] Ocultar y mostrar DIV con jQuery

    Hola!

    Bueno, estos días no me ando conectando casi nada, lo sé... aún así veo que todos se siguen ayudando (como debe ser) y no importa mi ausencia

    Os traigo este mini tutorial de jQuery con el que podremos ocultar y mostrar divs sin tener que recargar la página y con un efecto mejor que con un simple mostrar/ocultar de javascript

    Tenéis un ejemplo aquí: http://doodleo.webuda.com

    Primero, tenemos que subir el archivo que tenemos en esta página: http://doodleo.webuda.com/jquery-1.3.min.js (lo copiais y subís el vuestro, que ese alomejor se borra)
    Ahora, lo llamaremos en el head de nuestra página de esta manera:
    Código:
    <script language="javascript" src="jquery-1.3.min.js"></script>
    Perfecto, ahora crearemos este enlace con el que podremos ocultar un div llamado capa y que después podremos ocultar :D
    Código:
    <div id="capa">Al hacer click en el enlace de abajo... este div desaparecerá!</div>
    <a href="javascript:$('#capa').fadeOut('slow');">Ocultar el div</a>
    Y ahora crearemos otro enlace para poder mostrar de nuevo el div
    Código:
    <a href="javascript:$('#capa').fadeIn('slow');">Mostrar de nuevo el div</a>
    Si os fijáis, para ocultar el div usamos fadeOut y para mostrarlo de nuevo usamos fadeIn, pero podríamos usar hide() para ocultarlo y show() para mostrarlo.

    Bueno, espero que os haya gustado ^^
    Última edición por Doodleo; 12/02/2012 a las 12:54

  2. #2
    Esto empieza a ser un vicio... Habitante Avatar de olukarak
    Fecha de Ingreso
    28 jul, 10
    Ubicación
    Marte
    Mensajes
    1,868
    Poder de Reputación
    20
    Muy sencillo. Gracias, Doody.
    Tutorial de CSS3: http://www.comocreartuweb.com/consul...el-19-09-10%29

    Se borrarán los mensajes cuyo título no explique la duda: http://www.comocreartuweb.com/consul...titulo-la-duda!!

    Cómo preguntar en CCTW: http://www.comocreartuweb.com/consul...guntar-en-CCTW

  3. #3
    Esto empieza a ser un vicio... Habitante Avatar de Doodleo
    Fecha de Ingreso
    25 abr, 11
    Ubicación
    Galicia (España)
    Mensajes
    1,329
    Poder de Reputación
    17
    Gracias, Olu

Temas Similares

  1. Respuestas: 0
    Último Mensaje: 04/05/2011, 15:43
  2. COMO MOSTRAR Y OCULTAR UN DIV CON OTRO DIV DEBAJO
    Por rapblack en el foro Foro General
    Respuestas: 8
    Último Mensaje: 02/08/2010, 12:58
  3. MOSTRAR U OCULTAR BORDES DE TABLAS DESDE CSS
    Por Alberto FORASE en el foro Todo sobre Estilos CSS
    Respuestas: 2
    Último Mensaje: 11/03/2010, 18:15

Permisos de Publicación

  • No puedes crear nuevos temas
  • No puedes responder temas
  • No puedes subir archivos adjuntos
  • No puedes editar tus mensajes
  •