each iteration and animate

each iteration and animate

Hello.

I have the following simple code.

  1.             $.each(['red','green','blue','black','orange','yellow'], function(index,value) {
  2.                     $('.all_img').stop().animate({"opacity": "0"}, "slow");
  3.                     $('#img_' + value).stop().animate({"opacity": "1"}, "slow");       
  4.                   # some delay here          
  5.             });
Just to show images one after another. But it seems i have some problems with understanding how each() method works. So i see only one image animation instead of 5.

Could you please clarify?
Thanx