Цепочка анимации jQuery Ajax

Question

Код

$.ajax({
    url: "get_portfolio_experience.php",
    success: function(html) {
        $("#inbox_content").html(html).hide().slideDown('slow');
    }
});

Контент не анимируется, если я не поставлю hide () перед slideDown ().И если я поставлю скрыть (), он не отображается в IE.Что мне делать?

Answer 1

Во-первых, давайте сократим это до .load() как это:

$("#inbox_content").load("get_portfolio_experience.php", function(html) {
  $(this).hide().slideDown('slow');
});

Теперь по поводу проблем, ваше объяснение странного поведения IE почти наверняка вызвано неверной разметкой. Проверьте ответ, есть ли закрытые или недействительные теги? Проверьте это с помощью W3C Validator здесь: http://validator.w3.org/

Answer 2

Вы должны добавить отображение стиля CSS: нет; для #inbox_content и используйте этот код:

$.ajax({ 
    url: "get_portfolio_experience.php", 
    success: function(html) {
        $("#inbox_content").html(html).slideToggle('slow'); 
    } 
});