jQuery的hide和slideUp方法是否等价？

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>

- Ben

Answer 1

不。

.slideUp('slow')动画将高度和垂直内边距调整为零。
.hide('slow')动画也会将宽度、水平内边距和不透明度调整为零。

如果想看到区别，请在此页面的地址栏中粘贴 javascript:void($('pre').hide(4000))。

- SLaks

Answer 2

动画效果略有不同， - slideUp('slow') 基本上只是向上滑动，没有其他变化 :) - hide('slow') 同时向上和向左滑动。

在 jQuery API 文档中，您可以找到详细的文档：

• slideUp()
• hide()

- Pizzicato

Answer 3

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

- Kamlesh Kumar