Cascade animation
<html>
<head>
<script type="text/javascript" src="js/jquery-1.3.2.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$("div").animate( { width:"90%" }, { queue:false, duration:3000 } )
.animate( { fontSize:"24px" }, 1500 )
.animate( { borderRightWidth:"15px" }, 1500);
});
</script>
<style>
div {
background-color:red;
width:500px;
height:500px;
border:1px solid black;
}
</style>
</head>
<body>
<body>
<div>Click me</div>
</body>
</html>
Related examples in the same category