Действия JQuery по цепочке работают ... но CSS не дожидается своей очереди?

так что у меня есть что-то вроде этого (ниже), все работает по очереди (он скрыт в начале, затем вы видите, что он скользит вниз, ждет 2 секунды и скользит обратно вверх), но действие .css происходит немедленно, даже если оно после Задержка 2 секунды. Просто интересно, почему это так.

$('p:first')
   .hide()
   .slideDown('slow')
   .delay(2000)
   .css({"background-color":"#ff4"})
   .slideUp('slow')
});

ИЗМЕНИТЬ НОВЫЙ КОД: Я изменил свой код на этот: который, похоже, больше не скользит вверх ... (так как я хочу, чтобы он стал желтым прямо перед тем, как скользить вверх)

   $('p:first')
.hide()
.slideDown('slow')
.delay(2000, function(){
                $(this).css({"background-color": "#ff4"})
                })
.slideUp('slow')
});