jQuery как да забавя ajax load-ването?

[if]

Здравейте! Успях да си изведа информацията от базата данни с jQuery обаче се натъкнах на 1 проблем при добавяно на ефекти. Когато използвам slideUp или slideDown (или който и да е друг ефект) информацията от базата данни се зарежда още преди да се е скрила предишната информация и така става малко грозно.

Ето кода:
[js]
<script type="text/javascript">
$(function() {
$('.get').click(function() {
$.ajax({
type: 'GET',
url: './jquery_load.php',
data: "get=" + $(this).val(),
success: function(data) {
if($("#showinfodiv").is(":hidden")) {
$("#showinfodiv").slideDown().addClass('showinfodiv').html(data);
} else {
$("#showinfodiv").slideUp("fast").addClass('showinfodiv').slideDown().html(data);
}
}
});
});
});
</script>
[/js]

Пропуснах да кажа, че има и 1 друг проблем. Винаги при първото показване няма анимация (просто се показва) и от там нататък като се избира опция тогава вече почва нормално (има анимация).

 

[emagi]

[js]
SetTimeout()[/js]

http://www.elated.com/articles/javascript-timers-with-settimeout-and-setinterval/

 

[if]

[js]
SetTimeout()[/js]

http://www.elated.com/articles/javascript-timers-with-settimeout-and-setinterval/

Оправих се и работи перфектно. А нещо относно втория проблем?

Пропуснах да кажа, че има и 1 друг проблем. Винаги при първото показване няма анимация (просто се показва) и от там нататък като се избира опция тогава вече почва нормално (има анимация).

 

[chalgoman]

Щом ползваш jQuery, има си callback-ове.. ето пример:

[js]
$('#elementid').slideUp('normal', function() {
// tazi funkciq se izvikva kogato elementa se e skril
$('#drug_element').slideDown();
});
[/js]