fadeToggle is non-symetrical

fadeToggle is non-symetrical

I have a simple box within a box and I fadeToggle the inner box when the outer box is rolled over:

  1. $("div#varcontents").hide();  // start with varcontents hidden
  2. $("div#varbox").hover(function(){
  3.         $("div#varcontents").fadeToggle(800, 'linear');
  4. });
  5. <div id='varbox' >
  6.         <div id='varcontents'>
  7.                <br />product_id =$product_id
  8.                <br />owner = $owner
  9.                <br />member_id = $member_id</p>
  10.         </div>
  11. </div>
But I notice that when I roll over the outer box the inner box comes on almost immediately while when I roll off of the outer box the inner box fades out in the time I specified, 800ms, above.  Why doesn't it take 800ms for the inner box to fade in? The result is the same with or without the 'linear' easing.

Thanks for any help.