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