title: Jquery Accordion not working in IE7, Syntax Issue?
body: <p>I built a site that uses using jquery accordion, with some simple functions that control accordion from external navigation links. Ive tested it in all browsers with no problem, but in IE7 the accordion loads completely open and I have no idea why. Any help would be much appreciated.</p>
  
  <p>using jQuery v1.4.4</p>
  
  <p>below is my code.  </p>
  
  <pre><code>&lt;script&gt;
  jQuery().ready(function(){
      $('#slide-menu').accordion({
          autoHeight: false,
          navigation: true,
          active: false,
          collapsible: true ,
          header: ".slide-menuItem",
      });
  
      $(".slide-menuItem").click(function(event){
            window.location.hash=this.hash;
       });    
  });
   &lt;/script&gt;
  
  External nav functions that are called from onclick
  
  &lt;script&gt;
  function Clicked1(){  
  $("#slide-menu").accordion('activate' , 0)
   } 
  
   function Clicked2(){  
  $("#slide-menu").accordion('activate' , 1)
   }  
  &lt;/script&gt;
  </code></pre>
  
  <p>On page function to force accordion open </p>
  
  <pre><code>&lt;script&gt;
  $(function() {
      $("#slide-menu").accordion('activate' , 1)
  
      });
  &lt;/script&gt;
  </code></pre>
  
  <p>HTML markup</p>
  
  <pre><code>&lt;a  class="slide-menuItem" href="#people"  name="3"&gt;people&lt;/a&gt;
  &lt;div id="content-area"&gt;
  CONTENT HERE
  &lt;/div&gt;
  
  &lt;a  class="slide-menuItem" href="#work"  name="4"&gt;work&lt;/a&gt;
  &lt;div id="content-area"&gt;
  CONTENT HERE
  &lt;/div&gt;      
  </code></pre>
  
  <p>Ive spent two days tying to solve this please help,</p>
  
  <p>Thanks</p>