2

クリックせずに、2 つの異なる div をそれぞれ上下にスライドさせようとしています。現在、スライドアップしようとしていますが、機能していません。私はこれを使用しています：

<script type="text/javascript">
  $(document).ready(function(){
    $('#cover').hide();
    $('#cover').slideUp(300).delay(800).fadeIn(400);
  });
</script>

id="cover"次に、コンテンツを含む divを作成します。動作しますfadeInが、スライドしません。クリックせずにこれを行う方法はありますか？

すべての助けが素晴らしいでしょう！

4

4 に答える 4

0

@Mike Edwardsが言ったように、非表示用でslideUp()ありslideDown()、表示用に使用されます。これに使いたいと思うかもしれませんが、と を同時にslideDown()使うつもりなら( を使ったり設定したりしても) できないと思います。slideDown()fadeIn()delay()queue:false

と で同様の効果が得られましslideDown()た.animate('opacity')。

$('#cover').hide().css({'opacity':0});

$('#cover').slideDown('slow').animate({opacity:1}, {queue:false, duration:'slow'});

ここにjsfiddleがあります

于 2013-11-14T01:26:15.053 に答える