Worked on the accordion disable section demo.

index.html

@@ -22,10 +22,21 @@
         mutuallyExclusive: false
       });
 
-      accordionDisableAll = new Accordion('accordion-disable-all', { disabled: true });
+      accordionDisableAll = new Accordion('accordion-disable-all');
+      $('toggle-disabled').observe('click', function(){
+        accordionDisableAll.disabled = !accordionDisableAll.disabled;
+      });
 
       accordionDisableSection = new Accordion('accordion-disable-section');
-      accordionDisableSection.sections.first().disabled = true;
+
+      (function(){
+        function toggleSection(i, e){
+          accordionDisableSection.sections[i].disabled = !accordionDisableSection.sections[i].disabled;
+        }
+        $$('button.toggle-section-disabled').each(function(button, i){
+          button.observe('click', toggleSection.curry(i));
+        });
+      })()
 
     });
   </script>
@@ -64,7 +75,7 @@ <h2>Show one at a time</h2>
     </ul>
 
     <h2>Show more than one at a time</h2>
-
+    
     <ul id="accordion-not-mutually-exclusive">
       <li class="section">
         <a href="#one" class="title"><span>First Section</span></a>
@@ -90,7 +101,7 @@ <h2>Show more than one at a time</h2>
   <div style="float: right; width: 45%;">
 
     <h2>Disable all of the accordion interactivity</h2>
-
+    <button id="toggle-disabled">Toggle Disabled</button>
     <ul id="accordion-disable-all">
       <li class="section">
         <a href="#one" class="title"><span>First Section</span></a>
@@ -112,7 +123,12 @@ <h2>Disable all of the accordion interactivity</h2>
       </li>
     </ul>
     <h2>Disable an accordion section's interactivity</h2>
-
+    <ol>
+      <li><button class="toggle-section-disabled">Toggle Section Disabled</button></li>
+      <li><button class="toggle-section-disabled">Toggle Section Disabled</button></li>
+      <li><button class="toggle-section-disabled">Toggle Section Disabled</button></li>
+    </ol>
+
     <ul id="accordion-disable-section">
       <li class="section">
         <a href="#one" class="title"><span>First Section</span></a>