CSS Transitions: Не работает после того, как другой

Question

У меня есть два CSS tranistions, как показано ниже (они оба покрывают страницу и затем соскальзывают, один за другим):

$('#div1').transition({ x: '-1500px', delay: 800 }, 1000); 
    $('#div2').transition({ x: '-1500px', delay: 1600 }, 1000); 

первый работает отлично, но второй не делает. Естественно, я проверил все CSS и имена:

#div1 { 
    background-color: #000; 
    z-index: 99; 
    position:absolute; 
    width: 100%; 
    height: 100%; 
} 

#div2 { 
    background-color: #fff; 
    z-index: 90; 
    position:absolute; 
    width: 100%; 
    height: 100% 
} 

Может ли кто-нибудь помочь мне? Благодаря!

Answer 1

Смотрите, если это эффект, который вы хотите: http://jsfiddle.net/Nr7nJ/

Я изменил цвет фона div2 на красный, так как браузер по умолчанию использует белый BG.