The animate function is there to create a pause at the start of each
fadeIn, otherwise all the divs will fade in at the same time.
You could use a setTimeout for the pause but when I wrote this it wasn't
an option.
If you want to use show() you would change
$(this).fadeIn(3000);
to
$(this).show(3000);
If there are only ever going to be 3 child divs though you could just run it
like this
$("#div1id).show(1500, function(){
$("#div2id).show(1500, function(){
$("#div3id).show(1500)};
)};
)};
use the for loop if the amount of divs will change.
Charlie22 wrote:
Thank you very muhc, is there no way how use show() function? Always I
have to make it with animate() function??
On 21 Led, 15:09, Liam Potter <radioactiv...@gmail.com> wrote:
you could use a for loop and use the animate function for a pause.
eg
var current = 0;
var max_div = ($("parent_div").children().size()-1);
for(current=0;current<=max_div;current++)
{
$("parent_div")
.children("div")
.eq(current)
.animate({opacity: 1.0},((3000*current)+1000), function () {
$(this).fadeIn(3000);
})
}
There is definitely a better way to do this, but this is what I came up
when I needed something similar.
Charlie22 wrote:
Hi all,
I need a litlle help with this problem. I have 3 DIVs inside Parent
DIV and I need show this childern's DIVs in sequence. Firstly first,
than next etc. Is there anz function, because code below shows all
DIVs parallery. Thx for input.- Skrýt citovaný text -
- Zobrazit citovaný text -