jQuery не исчезает текст и нет?

Question

Я хочу, чтобы "прощай" в течение 1 секунды, затемнение, заменить его "Привет", а затем снова исчезнуть. Почему нет этой сниппер? (JQuery загружен):

<div id="foo">x</div> 
<script type="text/javascript"> 
$('#foo').fadeOut().html('goodbye').fadeIn().delay(1000).fadeOut().html('hello').fadeIn(); 
</script> 

Я правильно использую очередь, поэтому эти команды выполняются по порядку (не асинхронно), верно?

Полная версия: http://test.barrycarter.info/stacked1.html

РЕДАКТИРОВАТЬ: Спасибо всем, кто ответил! Я ценю альтернативные предложения. Я думаю, что мой настоящий вопрос был «почему мой код не работает?» Я изучаю jQuery, и выяснение, где мой код работает неправильно, действительно поможет мне!

Answer 1

Вы хотите сделать fadeIn частью функции обратного вызова fadeOut. Итак ...

$('#foo').fadeOut('slow', function(){
    $('#foo').fadeIn('slow').html('Hello');
});

Измените slow на 1000 на 1 секунду или что угодно.

http://jsfiddle.net/qK26W/

Answer 2

Я попробовал ваш код. Просто посмотрите на эту скрипку: http://jsfiddle.net/anish/cZf6g/

Answer 3

попробуйте добавить ваше заявление в

$(document).ready(function(){
    /*code here*/
}); 

или поместить его в функцию, затем вызвать эту функцию