jQuery animation not shown because content hasn't loaded

jQuery animation not shown because content hasn't loaded

I am using callbacks to do 3 things when a link is clicked:
1) SlideUp current div(container)
2) Load HTML content(images) inside $iframe(div)
3) SlideDown $iframe div which has the content
Problem is the animations are not displayed when viewed in online
environment. It only works on localhost where everything happens
instantly.
$(".container").slideUp(500, function(){
$iframe.load($mylink, function(){
$iframe.slideDown(500)}
)});