Because .delay()
is additive. It simply adds a 3-second delay to the end of the current effects queue for each element. Even though you are using the same delay for all the elements prior to the fade in, it is being pushed onto a different effects queue. Here's the timing for each element:
#drz
= 1 second out + 3 second delay + 1 second in = 5 seconds#a
= 1 second delay + 1 second out + 3 second delay + 1 second in = 6 seconds#b
= 2 second delay + 1 second out + 3 second delay + 1 second in = 7 seconds