Как бы я сделал правильный Fadein для обновления динамического контента с помощью JQuery?

Question

У меня есть файл .txt, который мне нужно включить на страницу, который динамически обновляется каждые 5 секунд, поэтому мне нужно обновить его с помощью ajax, чтобы обновленный контент можно было увидеть без обновления страницы. Я хочу сделать это так, чтобы он исчезал в div с каждым 5-секундным обновлением.

В настоящее время я делаю это так, что выглядит ужасно

function getSearches() {
      $("#latest_searches").animate({ 
        opacity: 0.3
      }, 1000 );

$("#latest_searches").load("_latest_searches.php", '', callback);
}

function callback() {
  $("#latest_searches").animate({ 
        opacity: 1
      }, 1000 );

setTimeout("getSearches();", 5000);
}

$(document).ready(getSearches);

Answer 1

Я думаю, что вы хотите создать Digg Spy-подобный эффект, отметьте это демо .

Проверьте также эту статью / скринкаст: Простой jQuery Spy Effect