Показать сообщение отдельно
  #1 (permalink)  
Старый 16.01.2009, 15:28
Новичок на форуме
Отправить личное сообщение для kotmatroskin Посмотреть профиль Найти все сообщения от kotmatroskin
 
Регистрация: 16.01.2009
Сообщений: 6

Синхронность выполнения анимации и append
Суть такова.
Есть HTML:
<html>
<head>
<script type="text/javascript" src="jquery.js"></script>
<script type="text/javascript" src="test.js"></script>
<link rel="stylesheet" type="text/css" href="style.css">
</head>
<body>
<div id="full_view">
Goodbye world!
</div>
<a href="#" class="rel">Change</a>
</body></html>

Есть скртип:
$(document).ready(function() {  
  $("a.rel").bind("click", function() {
  $("#full_view").fadeOut(1000);
  $("#full_view").append("Hello world!");
  $("#full_view").fadeIn(1000);  
  return false;});         
});

По идее при клике на ссылку с class="rel" div с id full_view сначала медленно исчезнет, потом в него добавится Hello world!, а потом только он появится. На деле всё не так - Hello world добавляется сразу после нажатия, а потом уже с ним идёт исчезновение и появление.
Как так?
Пробовал уже и в fadeOut приписывать callback функцию и в ней добавлять текст, а потом проявлять - то же самое получается.
Ответить с цитированием