迭代并显示隐藏的子divs jquery

iterating through and showing hidden child divs jquery

我有埃多克斯1〔0〕。每个

标记都将css设置为visbility: hidden。我想重复访问中的每个

标记，将段落的可见性更改为visible，延迟500，然后对下一段执行相同的操作。我知道.delay(500)不适用于CSS动画，您需要使用.queue()，但我不知道该怎么做。

1
2
3
4
5

$('#content').children('p').each(function()
{
$(this).css('visibility', 'visible');
//delay before continuing iteration
});

CSS：

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18

#content
{
position: absolute;
font-size: 25px;
width: 50%;
top: 20%;
left: 5%;
-moz-animation-duration: 2s;
-moz-animation-delay: 1s;
-moz-animation-iteration-count: 1;
}
p
{
-moz-animation-duration: 1s;
-moz-animation-delay: 2s;
-moz-animation-iteration-count: 1;
visibility: hidden;
}