jQuery書く コードは以下です。 $(function(){ var hide = $('h1,#contents'); //隠すhtmlタグを指定 var title = $('h1'); //タイトルのタグを指定 var cont = $('#contents'); //コンテンツのタグを指定 hide.addClass('none'); //変数hideにcssのclass"none"を指定 title.fadeIn(1000, function(){ //変数titleをフェードインさせ、その後上から移動させる $(this).animate({top : 0}, 500); }); cont.fadeIn(1000, function(){ //変数contをフェードインさせ、その後#footerを表示と移動 $('#footer').animate({width: 700,
![要素を遅らせて表示させるjQueryのサンプル](https://cdn-ak-scissors.b.st-hatena.com/image/square/e8c6d6fec3745d0c46dfebece2e6f7a49f495e6e/height=288;version=1;width=512/https%3A%2F%2Fi1.wp.com%2Fhighfivecreate.com%2Fwp%2Fwp-content%2Fuploads%2F2013%2F11%2Fjquery.delay_110913_105053_AM.jpg%3Fresize%3D200%252C200%26amp%3Bssl%3D1)