jquery - FadeInDownのanimate.cssの代わりに？

Question

jScrollPaneを使用していますが、animate.cssをページに適用すると機能しなくなります。したがって、fadeInDownには「もの」が必要です。jQueryには独自のfadeIn関数があることを確認しましたが、ダウンするときにフェードインする必要があります。代替案を知っていますか？そのクロスブラウザがあれば素晴らしいでしょう。

編集：申し訳ありませんが、fadeInDownは、クリックやその他の動作ではなく、ページの読み込み時に使用されることを忘れました。

Answer 1

あなたはこのようにそれを行うことができます：

$(elem1).click(function(){
   elemToFade = $(elem2);
   elemToFade.animate({'opacity':'0', 'top':'50px'}, 1000);
});

短いデモを探す

$('.elem').click(function(){
   elemToFade = $(this);
   elemToFade.animate({'opacity':'0', 'top':'50px'}, 1000, function(){
      elemToFade.hide();
    });
});

別のデモを探す

---

最新のコメントに対して：

function movenhide(elemToFade){
   elemToFade.animate({'opacity':'0', 'top':'50px'}, 1000, function(){
      elemToFade.hide();
    });
}

$(function(){  // <------on page load
   movenhide($('div'));
});

オンロードデモを探す

Answer 2

あなたはfadeOutを試すことができます

$(function() {
    $('#elem').fadeOut();
});