Методы hide и slideUp в jQuery эквивалентны?

Question

У slideUp('slow') и hide('slow') одинаковые анимационные эффекты?

Пример кода:

$(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

номер

.slideUp('slow') оживляет высоту и вертикальное заполнение до нуля.
.hide('slow') также анимирует ширину, горизонтальное заполнение и непрозрачность до нуля.

Чтобы увидеть разницу, вставьте javascript:void($('pre').hide(4000)) в адресную строку на этой странице.

Answer 2

анимация немного другая, - slideUp («медленно») в основном скользит вверх, ничего больше :) - hide («медленно») скользит вверх и влево одновременно.

В документации по jquery API у вас есть хорошая документация:

• slideUp ()
• шкура ()

Answer 3

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