title: Stop flash video when hidden
body: <p>I know this question has been asked twice on Stack....but I still need help.  I have 2 divs each containing SWFObjects.  Here's the jquery that shows/hides my Divs:</p>
  
  <pre><code>$(document).ready(function(){ 
   $("#DIV2").hide();
  
    $('#button1').bind('click', function() {
      $("#DIV1").hide();
      $("#DIV2").show();
    });
  
    $('#button2').bind('click', function() {
      $("#DIV1").show();
      $("#DIV2").hide();
  });
  });
  </code></pre>
  
  <p>But I need my video in DIV2 to STOP PLAYING when it's hidden, and start from the beginning when you show it again.  From what I read, I need to remove it from the DOM...but I don't understand how to re-add it.  I've seen suggestions for detach(); but can't figure out where my AppendTo() would go.  </p>
  
  <p>Can anyone help??  I'd really appreciate it.  BTW, here is a <a href="https://stackoverflow.com/questions/2747775/jquery-remove-is-there-a-way-to-get-the-object-back-after-you-remove-it">related post</a> (which contains a link to ANOTHER related post).</p>
  
  <p>Thank you in advance!</p>