2012-05-05 12 views
2

aspページにdivが多数あり、jquery.show()またはjquery.fadein()を使用してページロード後に1つずつ表示したいと思います。それらを1つずつ表示する必要があります。すべてのdivを1つずつ表示します

<div class = "trip">Trip1</div> 
<div class = "trip">Trip2</div> 
<div class = "trip">Trip3</div> 
<div class = "trip">Trip4</div> 

ありがとうございました。

+2

[あなたは何を試してみました?](http://mattgemmell.com/2008/ 12/08/what-あなたが試した/) – j08691

+0

@ j08691 +1500あなたに –

+0

:)それについては申し訳ありません。私は何も試していない。私はstackoverflowでちょっと初心者です。私は "感謝"と言っていたはずだと思っていませんでした。とにかくありがとう。 – Mtok

答えて

4
$(".trip").each(function(i,e) { 
    $(this).delay(i*400).fadeIn(); 
}); 
3

DEMO

$(".trip").each(function(i) { 
    $(this).delay(i * 100).fadeIn(); 
});​ 
3
$('.trip').each(function(index, element){ 
    $(this).delay(1000 * index).show(0); 
}); 

Live DEMO

+1

+1を 'show(0)'と 'hide(0)'に変更すると+1します。今はうまくいきません。 –

+2

@ user1370958あなたは正しい、THX – gdoron

関連する問題