Example: http://andrewliesenfeld.com/pxbpanel/account-overview/change-password/
Hit submit on the form and you’ll see a container slide down. Click the arrows within the container to slide up. Rinse and repeat to see the less-than-fluid animation. The choppy-ness starts at the beginning of slideDown and at the end of slideUp.
The JQuery is:
$(document).ready(function() {
$("#changepw .submit").click(function(event) {
$.post(
"<?php echo URLADDR ?>functions/changepw-form.func.php",
$("#changepw form").serialize(),
function(data) {
$('#response').html(data);
$('#response .error').slideDown(2000, 'easeInOutExpo');
$('#response .error').css("display", "inline-block");
$("#response #hide").click(function(event) {
$('#response .error').slideUp(2000, 'easeInOutExpo');
});
}
);
});
});
The middle part of the code is where the animation is.