jquery - 替代 JQuery .slideDown()

Question

是否有已知的 jquery slideDown() 替代方法？

我问的原因是，我认为 slideDown 真的应该被命名为 roll down，因为它会解开内容，而不是它们实际上是向下滑动。

这是我的意思的效果示例 - 将鼠标悬停在页面上的主要项目之一（在 ie 中不起作用）：示例向下滑动

理想情况下也需要在 IE 中工作，所以我猜这比 js 更具过渡性，这在 ie10 上的每个人都可以，可能需要一段时间！

Answer 1

使用更多代码，您可以使用.animate().

参考：http ://api.jquery.com/animate/

一个小例子：

$(document).ready(function(){
  $(element).toggle(function(){
    $(this).animate({height:40},200);
  },function(){
    $(this).animate({height:10},200);
  });
});

Answer 2

The way I would do this is set my container to position relative and an overflow hidden; Then have my hover over as position absolute with a top of -50px, then use jquery animate to move it down on hover.

An example is here

<div class="container">
    <div class="hover"></div>   
</div>

.container{width:400px;height:400px; border:1px solid grey; position:relative;overflow:hidden;}
.hover{position:absolute;top:-50px; width:100%;height:50px; background-color:red;}

$('.container').hover(function() {
    $('.hover').animate({
        top: '+=50'
    });
},function(){
    $('.hover').animate({
        top: '-=50'
    });

});