title: jQuery animate and css margin
body: <p>I've got a slight margin issue with my animation. Quite simply I'm taking a hidden element and sliding it down. This hidden element has a 30px top margin.</p>
  
  <pre><code>    $(myselector).animate({
       opacity: 100   
       },function () {
  $(this).slideDown(function () {
      // do stuff here
  });
  </code></pre>
  
  <p>});</p>
  
  <p>When the animation begins it has no top margin but as the animation runs it slides down until it has the 30px top margin. </p>
  
  <p>How can I get the animation to start with the 30px top margin already in place?</p>