конец jquery fadeIn () имеет «удар» в Chrome

Я использую очень простые fadeIn и fadeOut в Chrome. Я просто хочу, чтобы один текстовый элемент исчез, а другой исчез. Рабочий пример:http://jsfiddle.net/forgetcolor/7eR5Q/

Проблема, с которой я сталкиваюсь, заключается в том, что в конце fadeIn () происходит резкий переход в конечное состояние. Я называю это «удар». Элемент плавно затухает, но в конце он теряет эту гладкость и сразу завершает затухание.

Есть ли способ избежать этого?

var cur = 1;
$('#btn').click(function() {

    if (cur == 1) {
        $('#txt1').fadeOut(500, function() {
            $('#txt2').fadeIn(500);
        });
        cur = 2;
    } else if (cur == 2) {
        $('#txt2').fadeOut(500, function() {
            $('#txt1').fadeIn(500);
        });
        cur = 1;
    }
});​

body {
    background-color:#666;
    color:white;
    font-size:20px;
    margin:20px;
}
#txt2 {display:none;}​

<div id="txt1">txt1</div>
<div id="txt2">txt2</div>
<br/><div id="btn">btn</div>​

ОБНОВИТЬ:

Вот видео:http://www.youtube.com/watch?v=n2IGED0pkVg

Мой номер версии Chrome - 20.0.1132.21 beta (последняя версия) на OSX

Отчет об ошибке Chrome представлен:https://code.google.com/p/chromium/issues/detail?id=130801

Ответы на вопрос(4)

Ваш ответ на вопрос