title: jQuery Accordion breaks after first click when active: false is set
body: <p>I've had a jQuery accordion on my site for a bit now, and it seemed to be working fine until I checked on it today and it is broken. I haven't touched the HTML in weeks. I've gone through the <a href="http://docs.jquery.com/UI/Accordion" rel="nofollow">accordion documentation</a> all over again, and it doesn't seem anything has changed, so I have no clue what is going on.</p>
  
  <p>I had the accordion "active" property set to "false", so that the accordion would not display an active section on document load. I also had "collapsible" set to "true", like the documentation specified. Just to be sure it wasn't another element on the page, I created a whole new page with just the most basic accordion elements on it, and it still won't work.</p>
  
  <p>The problem is that, after clicking on the first accordion section, clicking on any of the other ones doesn't work- you're stuck with that section open. I noticed that removing the "active" property altogether fixed this problem, but then of course there is an active section open on document load, which I don't want.</p>
  
  <pre><code>&lt;!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"&gt;
  &lt;html xmlns="http://www.w3.org/1999/xhtml"&gt;
  &lt;head&gt;
  &lt;script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4/jquery.min.js"&gt;&lt;/script&gt;
  &lt;script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/jquery-ui.min.js"&gt;&lt;/script&gt;
  &lt;script&gt;
    $(document).ready(function() {
      $("#accordion").accordion({active: false, alwaysOpen: true, autoHeight: false, collapsible: true});
    });
  &lt;/script&gt;
  &lt;/head&gt;
  &lt;body&gt;
  &lt;div id="accordion"&gt;
  
      &lt;p&gt;&lt;a href="#"&gt;1&lt;/a&gt;&lt;/p&gt;
      &lt;div&gt;this&lt;/div&gt;
  
      &lt;p&gt;&lt;a href="#"&gt;2&lt;/a&gt;&lt;/p&gt;
      &lt;div&gt;isn't&lt;/div&gt;
  
      &lt;p&gt;&lt;a href="#"&gt;3&lt;/a&gt;&lt;/p&gt;
      &lt;div&gt;working&lt;/div&gt;
  
      &lt;p&gt;&lt;a href="#"&gt;4&lt;/a&gt;&lt;/p&gt;
      &lt;div&gt;correctly&lt;/div&gt;
  
  &lt;/div&gt;
  &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>
  
  <p>I also noticed that if I remove active: false, and leave collapsible: true, I am only able to "collapse" a section twice, and then the same thing happens- the sections lock up and stop collapsing/opening.</p>