title: jQuery - Animate element that has children absolutely positioned outside it - blinking
body: <p>Forgive me if this has been addressed before, couldn't find anything.</p>
  
  <p>I am animating a content bar that that has children absolutely positioned outside it (via negative margins).  The idea is that the children will animate with the bar as it expands.</p>
  
  <p>What happens is as soon as the animation starts the children disappear, and then reappear when the animation is complete.  It's as if the animation need to complete before the browser knows where to put the children.</p>
  
  <p>I have uploaded a really simple example here, all scripts included on page:
  <a href="http://www.ismailshallis.com/jdemo/" rel="noreferrer">http://www.ismailshallis.com/jdemo/</a></p>
  
  <p>What is actually happening? What are my options to work around this?</p>
  
  <p>Many thanks in advance,</p>
  
  <p>Belinda</p>