08-slide en jquery

Yo soy el panel que se esconde si clicas en el button anterior

Métodos deslizantes de jQuery

Jquery tiene los seguientes metodos deslizantes:

• slideDown()
• slideUp()
• slideToggle()

---

...

metodo slideDown()

El método slideDown() se utiliza para deslizar hacia abajo un elemento.

Sintaxis:

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

El parámetro de velocidad opcional especifica la duración del efecto. Puede tomar los siguientes valores: "lento", "rápido" o milisegundos.

El parámetro de devolución de llamada opcional es una función que se ejecutará después de que se complete el deslizamiento.

Ejemplo de codigo de slideDown()

$("#flip").click(function(){
    $("#panel").slideDown();
  });  
        

---

Método slideUp()

El método slideUp() se utiliza para deslizar hacia arriba un elemento.

Sintaxis:

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

El parámetro de velocidad opcional especifica la duración del efecto. Puede tomar los siguientes valores: "lento", "rápido" o milisegundos.

El parámetro de devolución de llamada opcional es una función que se ejecutará después de que se complete el deslizamiento.

Ejemplo de codigo de slideUp()

$("#flip").click(function(){
    $("#panel").slideUp();
  });  
   

---

Método slideToggle()

El método slideToggle() alterna entre el slideDown() y slideUp() métodos.

Si los elementos se han deslizado hacia abajo, slideToggle()los deslizará hacia arriba.

Si los elementos se han deslizado hacia arriba, slideToggle()los deslizará hacia abajo.

Sintaxis:

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

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

El parámetro de devolución de llamada opcional es una función que se ejecutará después de la el deslizamiento se completa.

Ejemplo de codigo de slideToggle()

$("#flip").click(function(){
    $("#panel").slideToggle();
  });  
        

Ir al indice