一个简单的animate函数尝试， 这个效果在web应用中非常的实用，提供大家参考！

<script type="text/javascript"> 
$(document).ready(function(){  
   $(".side-box h3").toggle(function(){  
   $(this).addClass("box-arrow");  
     $(this).next(".side-text").animate({  
     height: 'toggle',   
     opacity: 'toggle'  
    }, "slow");  
   return false;  
 
   },function(){  
     $(this).next(".side-text").animate({  
     height: 'toggle',   
     opacity: 'toggle'  
    }, "slow");  
   $(this).removeClass("box-arrow");  
   return false;  
   });  
});  
</script> 

演示请看：
http://www.fvzone.com/jquery/demos/fade.html