title: Accordion Open/Close All In Section
body: <p>I have several basic-accordion-container 's. When I run this, it will expand ONE group of accordions (which it should) but I can not go and expand another group of accordions until I close the opened group.</p>
  <pre><code>basicAccordianToggle = function(){
  if ($('.expand-all-these').length) {
    $('.expand-all-these').on('click', function(e){
      e.preventDefault();
      if ($('.expand-all-these').hasClass('collapsed')) {
        $(this).parents('.basic-accordion-container').find('.collapse').collapse('hide');
        $(this).parents('.basic-accordion-container').find('.expand-all-these').html('Expand All &lt;span class=&quot;plus&quot;&gt;+&lt;/span&gt;');
        $(this).parents('.basic-accordion-container').find('.expand-all-these').removeClass('collapsed');
      }else{
        $(this).parents('.basic-accordion-container').find('.collapse').collapse('show');
        $(this).parents('.basic-accordion-container').find('.expand-all-these').html('Collapse All &lt;span class=&quot;plus&quot;&gt;-&lt;/span&gt;');
        $(this).parents('.basic-accordion-container').find('.expand-all-these').addClass('collapsed');
      }
    })
  }
  </code></pre>
  <p>}</p>