Вопрос о загрузке jQuery с эффектом slideDown

Question

это мой первый пост здесь по stackoverflow, но я много читаю и учусь.

Я использую функцию jquery, которая загружает пост в темах WordPress с помощью функции .load.

Но теперь у меня есть одна проблема, которую я не могу решить самостоятельно.

$(document).ready(function(){

$.ajaxSetup({cache:false});
$("#thumbs a").click(function(){
var post_id = $(this).attr("rel") 
$("#your_post_here").slideDown("1200", function () {
$("#your_post_here").html("<img src='http://localhost/wp-content/themes/insp/images/ajax-loader.gif' />");
$("#your_post_here").load("http://<?php echo $_SERVER[HTTP_HOST]; ?>/triqui-ajax/",{id:post_id});
});

    return false;

});

$("a.close").live("click", function(){ 
    $("#intro").slideUp(1200);
    return false;
}); 

});

Проблема в том, что я не могу получить его на slideDown до его загрузки.У кого-нибудь есть идея, что может быть не так?

Все работает нормально, кроме эффекта slideDown

Редактировать:

Может быть, я неправильно понял, поставьтене могу заставить его работать.

Я так сказал, это неправильно?

$("#thumbs a").click(function(){
    var post_id = $(this).attr("rel") 
$("#your_post_here").slideDown("200", function () {
    $("#your_post_here").html("<img src='http://localhost/wp-content/themes/insp/images/ajax-loader.gif' />");
    $("#your_post_here").load("http://<?php echo $_SERVER[HTTP_HOST]; ?>/triqui-ajax/",{id:post_id});
});

Answer 1

Вам необходимо поместить .load() в обратный вызов .slideDown().

$("#your_post_here").slideDown("200", function () {
    $("#your_post_here").html("<img src='http://localhost/wp-content/themes/insp/images/ajax-loader.gif' />");
    $("#your_post_here").load("http://<?php echo $_SERVER[HTTP_HOST]; ?>/triqui-ajax/",{id:post_id});
});

// РЕДАКТИРОВАТЬ:

$("#your_post_here").slideDown("200", function () {
    $(this).html("<img src='http://localhost/wp-content/themes/insp/images/ajax-loader.gif' />");
    $(this).load("http://<?php echo $_SERVER[HTTP_HOST]; ?>/triqui-ajax/",{id:post_id});
});