بعضي از توابع jQuery كه در آن واحد يك عمل خاص رو انجام ميدن همين طور كه ميخواين عمل ميكنن، اما توابعي كه افكتي رو اجرا ميكنن، با اينكه در آن واحد همه دستورات خوانده ميشن، همزمان دستورات رو اجرا نمي كنن و براي دستورات قبلي صبر ميكنن.
اما تابعي هست كه خيلي كاربرد داره به اسم animate كه ميتونين بصورت زير ازش استفاده كنين :
$("#results").animate({ height: "0px", opacity: "0" }, "slow");
نمونه كد :
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<script type="text/javascript" src="jquery-1.2.3.js"></script>
<script type="text/javascript">
function doWork()
{
$("#results").animate({ height: "0px", opacity: "0" }, "slow");
}
</script>
</head>
<body>
<input type="button" value="Slide & Fade" onclick="doWork();" />
<br />
<div id="results" style="width: 100px; height: 100px; background-color: Red;">
</div>
</body>
</html>