title: jQuery: if div is in viewport do something for one time
body: <p>I want to "bounce" a div for one time if it is in the viewport.</p>
  
  <p>I have something like this:</p>
  
  <pre><code>&lt;script language="javascript" type="text/javascript"    
  src="js/jquery.viewport.js"&gt;
  </code></pre>
  
  <p></p>
  
  <pre><code>&lt;script type="text/javascript" charset="utf-8"&gt;
  
  $(function() {
     $(window).bind("scroll", function(event) {
  
      $(".DIV:in-viewport").each(function() {
  
        $( ".DIV" ).effect( "bounce", {times: 1, distance: 12}, 200);
  
      });
     });
  );
  </code></pre>
  
  <p>  </p>
  
  <p>Everything is fine and the div is bouncing when its in the viewport but what can I do to exit the function after bouncing one time. At the Moment it is bouncing all time when it is in theviewport.</p>
  
  <p>Thank you!</p>