¿Los métodos hide y slideUp de jQuery son equivalentes?

Question

¿slideUp('slow') y hide('slow') dan como resultado los mismos efectos de animación?

código de ejemplo:

$(document).ready(function(){ 
    $("#hide").click(function(){ 
    $("p").hide('slow'); 
    }); 
    $("#show").click(function(){ 
    $("p").show('slow'); 
    }); 
}); 


<p>If you click on the "Hide" button, I will disappear.</p> 
<button id="hide">Hide</button> 
<button id="show">Show</button> 

Answer 1

No.

.slideUp('slow') anima la altura y el relleno vertical para cero.
.hide('slow') también anima el ancho, el relleno horizontal y la opacidad a cero.

Para ver la diferencia, pegue javascript:void($('pre').hide(4000)) en la barra de direcciones en esta página.

Answer 2

La animación es un poco diferente, - slideUp ('lento'), básicamente se desliza hacia arriba, nada más :) - ocultar ('lento') se desliza hacia arriba y hacia la izquierda al mismo tiempo.

En documentación del API jQuery que tienen una buena documentación:

• slideUp()
• hide()

Answer 3

$(function(){ 
     $(".job-bottom").hide(); 
     $(".job-top").click(function(){ 
      $(".job-bottom").slideUp('slow') 
      $(this).next(".job-bottom").slideToggle("slow"); 
     }); 
    });