slideDown problème jquery

Question

 
function show_destination(country_id,airport_id){ 
    $.ajax({ 
     type: "POST", 
     url: "function.php", 
     data: "country_id="+country_id+"&airport_id="+airport_id+"&action=destination", 
     beforeSend: function() { $("#loader_destination").html(''); }, 
     success: function(msg){ 
      // $(".loader_destination").empty();  
      //$("#destination_div").html(msg); 
      //$("#destination_div").slideDown("slow",function(){$("#destination_div").html(msg);}) 
      //$("#destination_div").html(msg,function(){$("#destination_div").slideDown("slow");}); 
      $('#destination_div').slideDown(500, function() { $('#destination_div').html(msg);}); 

      } 
}); 

} 

slideDown cet effet ne fonctionne pas, sortie afficher simplement, je suis trouver aucun effet sur la sortie d'affichage,

Answer 1

En regardant votre code, je dirais que l'élément est vide pour les 500ms qu'il est censé être coulissant. essayer:

$('#destination_div').hide().html(msg).slideDown(500); 

Answer 2

Qu'est-ce que vous essayez d'atteindre?

Il me semble que ...

$('#destination_div').slideDown(500, function() { $('#destination_div').html(msg);}); 

... glissera la DIV vers le bas et puis définissez le code HTML. Si le DIV est vide alors vous ne verrez aucune animation.

Qu'en est:

var $destination_div = $('#destination_div'); 
$destination_div.html(msg); 
$destination_div.slideDown(500); 

Je suis mise en cache destination_div de $ pour améliorer les performances, même si vous pouvez utiliser enchaînant à la place:

$('#destination_div').html(msg).slideDown(500); 

Vous pouvez même augmenter votre méthode de beforeSend ainsi :

beforeSend: function() { 
    $("#loader_destination").html(''); 
    $('#destination_div').hide(); 
} 

Answer 3

Vous n'êtes pas régler le HTML qu'après la slideDown a tak en effet:

$('#destination_div').slideDown(500, function() { 
    $('#destination_div').html(msg); 
}); 

Vous devez passer que jusqu'à:

$('#destination_div').html(msg).slideDown(500);