gistfile1.html

<h1>First Accordian</h1>
<div class="accordion">
  <h3 class="toggler">Heading 1</h3>
  <div class="element">
    <p>Some text</p>
  </div>
  <h3 class="toggler">Heading 2</h3>
  <div class="element">
    <p>Some text</p>
  </div>
  <h3 class="toggler">Heading 3</h3>
  <div class="element">
    <p>Some text</p>
  </div>
</div>
<h1>Second Accordian</h1>
<div class="accordion">
  <h3 class="toggler">Heading 1</h3>
  <div class="element">
    <p>Some text</p>
  </div>
  <h3 class="toggler">Heading 2</h3>
  <div class="element">
    <p>Some text</p>
  </div>
  <h3 class="toggler">Heading 3</h3>
  <div class="element">
    <p>Some text</p>
  </div>
</div>

gistfile2.js

var accords = [];
$$('.accordion').each(function(accordionEl) {
  var togglers = accordionEl.getElements('h3.toggler');
  var els = accordionEl.getElements('div.element');
  var myAccordion = new Accordion(togglers, els, {
    opacity: false,
    onActive: function(toggler, element){
      toggler.setStyle('color', '#41464D');
    },
    onBackground: function(toggler, element){
      toggler.setStyle('color', '#528CE0');
    }
  });
  accords.push(myAccordion);
});