jquery toggle is toggling twice
<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="http://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>
