IE8 issue with toggle() to show/hide content
<p>I have a problem in IE8 only where a link should show/hide content when clicked. IE7 and webkit and gecko browsers work fine, only IE8 is the problem! I can't see what's going wrong with the code I've got, and even just trying show() instead of toggle() doesn't have any effect - am i missing something here? Thanks for any help!</p>

<pre><code>    //hide class=hidden elements
    $('.hidden').hide();
    $('a#hide').live("click", function(){
                        $(this).parent().siblings(".hidden:first").toggle();
                        return false;
                    });
</code></pre>

<p>The above js is for the following html:</p>

<pre><code>&lt;a href="#hidden" id="hide"&gt;Click to show&lt;/a&gt;&lt;/p&gt;
&lt;p id = "hidden" class = "hidden"&gt;
    my content
&lt;/p&gt;
</code></pre>
