Всем доброго времени суток.
Кто знает поясните. Непонятка происходит с последовательностью в таком скрипте:
<script>
$(function() {
$("#button").mouseover( function() {
var BlockText = $("#BlockText p");
BlockText.stop().animate({ 'left' : '-=150px'}, 500).text("новый текст");
BlockText.animate({ 'left' : '+=150px'}, 500)
});
});
</script>
планировал сделать следующее:
при наведении на "#button" строка находящаяся в диве BlockText <p>старый текст</p> сдвигается влево, затем меняется текст и затем уже возвращается новая строка.
Т.к у дива BlockText стоит overflow: hidden; то я думал что строка сменится после того как она спрячется.
Вообщем проблема в том что как только надпись начинает сдвигаться
практически сразу меняется текст, и уже изменившийся уезжает и приезжает.
P.S. delay() не помогает
