Проблема с анимацией fadeout с jQuery

Question

Я пытаюсь потушить некоторые элементы на странице, забрать новые с помощью AJAX, а затем исчезнуть в новых. Затухание в порядке, но затухание просто не сработает. Я пробовал использовать fadeOut, потому что fadeIn работал нормально, но fadeout просто не сработает - элементы просто исчезли. Теперь я пытаюсь оживить изменение непрозрачности. Он отлично работает для замирания в Вот код:.

$(document).ready(function() { 
    setTimeout("getTestimonial()", 10000); 
}); 

    function getTestimonial() { 
    var counter = $('#products #cart-widget .counter').html(); 
     $('#products #cart-widget p > span').each(function(index) { 
      if($(this).is('.counter')) { 
      } else { 
       $(this).animate({opacity: 0}, 5000, function(){}); 
      } 
     }); 
    $.get("testimonials_include.php5", {'counter':counter}, function(data) { 
     $('#products #cart-widget p').replaceWith(data); 
     $('#products #cart-widget p').children().css("opacity",0); 
$('#products #cart-widget p > span').each(function(index) { 
    if($(this).is('.counter')) { 
    } else { 
     $(this).animate({opacity: 1}, 5000, function(){}); 
    } 
}); 
    }); 
    setTimeout("getTestimonial()", 10000); 
    } 

Обратите внимание, что непрозрачность новых элементов была по умолчанию 1, поэтому я должен был установить их на 0 до проявки может работать. У кого-нибудь есть идеи, почему это не исчезает?

Answer 1

А - проблема заключалась в том, что элементы были заменены до того, как затухание может завершиться. Я положил всю функцию AJAX в функцию завершения для метода анимирования и hey presto!