конец 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)

что исчезновение происходит слишком быстро, увеличьте время до 600,

$('#txt1').fadeIn(600); and $('#txt2').fadeIn(600);

похоже, даже больше для меня.

Подслушивания на макбуках. Вот вопрос от stackoverflow этого.

Редактировать Вы можете улучшить рендеринг шрифтов с помощью сглаживание шрифтов в Сглаженный ( Спецификации) Режим. А вотстать почему ты не должен использовать это вообще.

-webkit-font-smoothing: antialiased;

http: //jsfiddle.net/7eR5Q/19 Так что, по-видимому, он удаляет сглаживание во время перехода и добавляет его после появления «удара»

которые сталкиваются с этим, я нашел, что это решение работает для меня.

-webkit-opacity: .99;

ВАШ ОТВЕТ НА ВОПРОС