IE8 Slide Toggle Issue
<p>Im having some trouble with jQuery's slideToggle function in IE8 for some reason the DIV its opening closes immediately after its opened </p>

<p>heres the code im using</p>

<pre><code>$("h3 a").click(function(){
    id = $(this).attr("href");      
    $(id).slideToggle("slow");
});
</code></pre>

<p>and the HTML</p>

<pre><code>&lt;h3&gt;&lt;a href="#promo-materials"&gt;Graphic and Pormotional Materials&lt;/a&gt;&lt;/h3&gt;
    &lt;div id="promo-materials" class="center gallery"&gt;
        &lt;a href="images/portfolio/bistro.png" rel="facebox"&gt;
            &lt;img src="images/portfolio/thumbs/bistro.png" alt="" /&gt;
        &lt;/a&gt;
        &lt;a href="images/portfolio/direct-savings.png" rel="facebox"&gt;
            &lt;img src="images/portfolio/thumbs/direct-savings.png" alt="" /&gt;
        &lt;/a&gt;
     &lt;/div&gt;
</code></pre>

<p>Here is a link to the functional page it works in all other browsers including IE7</p>

<p>I forgot to post it:</p>

<p><a href="http://bestprintideas.com" rel="nofollow">http://bestprintideas.com</a></p>

<p>I currently have it triggering Compatiblity Mode since I had to get to work today.</p>
