title: jquery toggle is toggling twice
body: <p>I have a div element containing a few other divs with an id of <code>#popup_inner_wrapper</code>.</p>
  
  <p>When I use the JS console in chrome:  </p>
  
  <pre><code>$('#popup_inner_wrapper').toggle("fast");
  </code></pre>
  
  <p>It hides the div, but then shows it again. </p>
  
  <p>If I hide the div at page load with css, then toggle it from the console the div will show. If I then toggle again from the console it will hide and show again in one action.</p>
  
  <p>What could be causing this behavior?</p>
  
  <p><strong>EDIT:</strong></p>
  
  <p>HTML is similar to the code below. In response to it being a double binding issue: there are no events bound anywhere: I am calling toggle form the console and seeing the 'fired twice behavior'...</p>
  
  <pre><code>&lt;div class="popup_outer_wrapper"&gt;
     &lt;a href="#" id="toggle_link"&gt;Show/hide&lt;/a&gt;  # nothing is bound to this link atm!
     &lt;div id="popup_inner_wrapper"&gt;
       &lt;div class="popup_body"&gt;
         contents..
       &lt;/div&gt;
     &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p><strong>UPDATE:</strong></p>
  
  <p>It seems i might be encountering the same problem as described here: <a href="https://stackoverflow.com/questions/6232244/jquery-toggle-not-working-as-it-should">JQuery Toggle not working as it should</a>. The problem being some of those divs are positioned absolute. For some reason <code>.toggle()</code> will not work with absolute positioned divs.</p>
  
  <p>Can anyone confirm?</p>