title: jquery ui accordion disabling clicking
body: <p>I have an accordion set like this</p>
  
  <pre><code>$(".accordion-form").accordion({
      collapsible:false,
      autoHeight: false,
      changestart: checkChanged,
      change: function(e, ui) {active = $( ".accordion-form" ).accordion( "option", "active");},
      active: 0
  });
  </code></pre>
  
  <p><em>active</em> is a static variable which always have the active content. </p>
  
  <p>What I would like to do is enable headers before the one actived for clicking, and the headers after the active one been disabled for clicking.</p>
  
  <p>This way I can make the accordion act like a form in the way of "you can go back but no forward til your finish this part". </p>
  
  <p>Any help would be appreciated</p>