can't slide up and fade out at the same time
Hello. I have a simple jQuery problem with built-in animation. I need a div to fade out and slide up at the same time. I tried this:
-
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>Smell the Funny</title>
<script src=/js/jquery-1.2.6.pack.js></script>
</head>
<body class=MAIN style="background:#FFE">
<div id=aaa style="background:#FEE">
xxx xxx xxx xxx<br>
xxx xxx xxx xxx<br>
xxx xxx xxx xxx<br>
xxx xxx xxx xxx<br>
xxx xxx xxx xxx<br>
xxx xxx xxx xxx
<div>
<script>$('#aaa').fadeOut(2000).slideUp(2000);</script>
</body>
</html>
but it only fades out without sliding up. If I replace the script with this:
-
<script>$('#aaa').slideUp(2000).fadeOut(2000);</script>
It slides it up but it doesn't fade it anymore. Seems it only takes the first animation. I'm using the latest version of jQuery, and this is happening in Firefox 3, IE6 and IE7. Any ideeas?