9

是否产生相同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>
4

3 回答 3

21

不。

.slideUp('slow')将高度和垂直填充设置为零。
.hide('slow')还将宽度、水平填充和不透明度设置为零。

要查看差异,请在此页面的地址栏中粘贴javascript:void($('pre').hide(4000))

于 2011-03-13T15:02:57.187 回答
4

动画有点不同, - slideUp('slow') 基本上是向上滑动,没有别的 :) - hide('slow') 同时向上和向左滑动。

在 jquery API doc 中,您有很好的文档:

于 2011-03-13T15:03:31.333 回答
0
$(function(){
        $(".job-bottom").hide();
        $(".job-top").click(function(){
            $(".job-bottom").slideUp('slow')
            $(this).next(".job-bottom").slideToggle( "slow" );
        });
    });
于 2014-07-15T06:17:23.317 回答