.slideToggle inside div not working in IE7 mega menu
<p>I have built a mega menu, where when you click on the nav link it opens, and when you click again it closes (that works correctly). There is also a close link inside that should toggle it closed when clicked, However in IE, it just reopens it everytime it is clicked. It works correctly in Firefox, Chrome and Safari.</p>

<p>It menu has to open and close with clicks because some of the computers use touch screens. Any ideas?</p>

<p>Here is the stripped down code (showing only one nav link):</p>

<p>JQuery:</p>

<pre><code>$(document).ready(function(){
 $('div.megamenu&gt; div').hide();  

 /* This toggles the nav link open and closed --works correctly */
 $(".Benefits-Down").click(function() {
      $(".Benefits-Dropped").slideToggle("Fast");
  });

/*This is suppose to also toggle it closed, but it doesn't work in IE*/
  $(".Benefits-Close").click(function() {
            $(".Benefits-Dropped").slideToggle("Fast");
  });

});
</code></pre>

<p>HTML:</p>

<pre><code>&lt;div class="megamenu"&gt;
    &lt;ul&gt;
    &lt;li class="Benefits-Down"&gt;Link goes here /*removed so question would post */&lt;/li&gt;
 &lt;div class="Benefits-Dropped"&gt;
         Links                          
        &lt;div class="Benefits-Close"&gt;
                   &lt;a href="#"&gt;Close&lt;/a&gt;        
               &lt;/div&gt;
         &lt;/div&gt;
      &lt;/ul&gt;
&lt;/div&gt;
</code></pre>
