title: JQuery/Javascript animate div zoom out and back in
body: <p>I'm trying to animate zoom out and zoom back in on a div with a small delay between using jquery</p>
  
  <p>I'm fairly a newb and the code I've tried either loops the animation or the delay before zooming back in is too long. My current code is below, but the delay comes across more like 4000 rather than 10.</p>
  
  <pre><code>                            document.getElementById("pedigree-column-gen2").style.display = "inline-block";
                              $('#pedigree-viewer').animate({ 'zoom': 0.5}, 400);
                              setTimeout(function() {
                                  $("#pedigree-viewer").animate({ 'zoom': 1}, 400);
                              }, 10);
  </code></pre>