[jQuery] SlideToggle when other elements have finished animating?
Hi Guys,
I have this script here:
$('#toggle-about').click(function() {
$('#contact').slideUp(400);
$('#archives').slideUp(400);
// The magic to wait until animation is done. Then after completely
finished animating -->
$('#about').slideToggle(400);
return false;
});
Currently what is happening is that the script makes the contact and
archives ids to slideup, while at the same time the about id get's
toggled. Sounds like a perfect accordion - but what I wanted to have
is that the about id only gets toggled after the other two have
finished animating. It just looks stupid with my current website
outline to have the about box toggle up while the other two are still
sliding up ....
any ideas?
huge thanks to anyone who can help!
max