title: Disable clickability on foundation accordion
body: <p>I have a foundation accordion something like this.
  <a href="https://i.stack.imgur.com/EMdXx.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/EMdXx.png" alt="enter image description here"></a></p>
  
  <pre><code>&lt;ul class="accordion" data-accordion&gt;
    &lt;li class="accordion-navigation"&gt;
      &lt;a href="#panel1a"&gt;Accordion 1&lt;/a&gt;
      &lt;div id="panel1a" class="content active"&gt;
        Panel 1. Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
      &lt;/div&gt;
    &lt;/li&gt;
    &lt;li class="accordion-navigation"&gt;
      &lt;a href="#panel2a"&gt;Accordion 2&lt;/a&gt;
      &lt;div id="panel2a" class="content"&gt;
        Panel 2. Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
      &lt;/div&gt;
    &lt;/li&gt;
    &lt;li class="accordion-navigation"&gt;
      &lt;a href="#panel3a"&gt;Accordion 3&lt;/a&gt;
      &lt;div id="panel3a" class="content"&gt;
        Panel 3. Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
      &lt;/div&gt;
    &lt;/li&gt;
  &lt;/ul&gt;
  </code></pre>
  
  <p>I have a couple of forms in accordion1 and accordion2. Once the forms are filled and validated. I move on to step 3. 
  At this point I want to disable the clickability on accordion1 and accordion2. They should be no longer expandable.</p>
  
  <p>Now I tried removing a couple of classes and  removing their id's. But that is not working. Is there any way I can disable them from expanding. The foundation accordion doc does not specify how to attain this.</p>
  
  <p>To expand and compress the accorions on click of a button, I do something like this:</p>
  
  <pre><code>var parent = document.getElementById('collapse3').parentElement;
  var parentFoo = new Foundation.Accordion($(parent));
  var previousFoo = new Foundation.Accordion($(parent.previousSibling));
  parentFoo.down($('#'+parent.children[1].id));
  previousFoo.up($('#'+parent.previousSibling.children[1].id));
  </code></pre>
  
  <p>Now is there any way I can disable an accordion on click of a button. I tried removing the corresponding <code>&lt;a&gt;</code> element from the dom, but that removes the entire accordion.</p>