jquery - JQueryの代替.slideDown（）

Question

知られているjqueryslideDown（）に代わるものはありますか？

私が尋ねる理由は、slideDownは、実際にスライドダウンするのではなく、コンテンツを解きほぐすため、実際にはロールダウンという名前にする必要があると思うからです。

これは、私が意味する効果の例です-ページの主要な項目の1つにマウスオーバーします（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

これを行う方法は、コンテナを相対位置に設定し、オーバーフローを非表示にすることです。次に、上部が-50pxの絶対位置としてホバーし、jqueryanimateを使用してホバーで下に移動します。

例はここにあります

<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'
    });

});