06-ocultar e mostrar con jquery

Jquery tiene algunos efectos faciles de implementar, como por ejemplo el metodo ocultar y mostrar

estes metodos se usan precisamente para ocultar hide() y mostrar show() elementos selecionados

El método toggle() se utiliza para alternar entre ocultar y mostrar elementos.

codigo de ejemplo

        $("#hide").click(function(){
            $("p").hide();
          });
          
          $("#show").click(function(){
            $("p").show();
          });
    

---

...

Sintaxis:

        $(selector).hide(speed,callback);
        $(selector).show(speed,callback); 
    

Jquery tiene una opcion de velocidad relacionada con el evento, onde podemos defenir la velocidad a que queremos que el evento se ejecute

Seguidamente ponemos un codigo con la opcion de velocidad onde decimos que el elemento para se ocultar va a tardar 1000 milisegundos

$("button").click(function(){
    $("p").hide(1000);
  }); 
    

---

toggle() en jquery

esta funcion hace la internancia de hide() e show()

ejemplo del codigo

$("button").click(function(){
    $("p").toggle();
  }); 
    

Sintaxis:

$(selector).toggle(speed,callback); 
    

El parámetro de velocidad opcional puede tomar los siguientes valores: "lento", "rápido" o milisegundos.

Ir al indice