jQuery - Wait till end of SlideUp()

Question

How can I wait till the end of the jQuery function slideUp() before continuing the script?

<script type="text/javascript"> $(document).ready(function() {     $("div[class=item]").click(function() {         var id = $(this).attr("id");         $("#content").slideUp();         switch(id) {             // Applications             case "rampro":                 $("#content").css("text-align", "left");                 $("#content").load("inc/pages/rampro.html");                 $("#content").slideDown();                 break             case "diskman":                 $("#content").css("text-align", "left");                 $("#content").load("inc/pages/diskman.html");                 break             case "iconmap":                 $("#content").css("text-align", "left");                 $("#content").load("inc/pages/iconmap.html");                 break             // Websites             case "benoks":                 $("#content").css("text-align", "left");                 $("#content").load("inc/pages/benoks.html");                 break             case "linkbase":                 $("#content").css("text-align", "left");                 $("#content").load("inc/pages/linkbase.html");                 break             case "jamesbrooks":                 $("#content").css("text-align", "left");                 $("#content").load("inc/pages/jamesbrooks.html");                 break             default:                 $("#content").css("text-align","center");                 $("#content").html("<h1>something went wrong, try again!</h1>");         }         return false;     }); }); 

Answer 1

Use the callback mechanism and have your code run in the callback.

$('#something').slideUp('fast', function() {    ... stuff to do after the slide is complete... }); 

Answer 2

slideUp() takes two arguments. If you pass a function as the second argument, it'll be called when the animation is complete.

http://docs.jquery.com/Effects/slideUp