title: mootools fx.Accordian content not showing for some reason
body: <p>I'm new to MooTools and I'm trying to implement the fx.Accordian plugin.</p>
  
  <p>I've included MooTools as well as the Accordian plugin. I'm really not trying to do anything much different than what is shown in the demo from the MooTools web site.</p>
  
  <p>In my css, I've inserted:</p>
  
  <pre><code>#accordion  {
    margin: 20px 0 0;
    max-width: 400px;
  }
  
  #accordion H2 {
      background: #99ccff;
      color: black;
      cursor: pointer;
      font-size: 10pt; 
      font-family: Helvetica, Arial, sans-serif; 
      text-align: left;
      font-weight: bold;
      line-height: 16px;
      margin: 0 0 4px 0;
      padding: 3px 5px 1px;
    }
  
  #accordion .accordion_content {
      background-color: #F4F5F5;
  }
  
  #accordion .accordion_content p {
      margin: 0.5em 0;
      padding: 0 6px 8px 6px;
  }
  </code></pre>
  
  <p>Inside a script tag in my header file I have:</p>
  
  <pre><code>window.addEvent('domready', function(){
     new Fx.Accordion($('accordion'), '#accordion h2', '#accordion .accordion_content');
  });
  </code></pre>
  
  <p>And then I'm trying to do something like the following in HTML:</p>
  
  <pre><code>&lt;div id='accordion' class='customized'&gt;
  &lt;h2&gt;What not #1&lt;/h2&gt;
  &lt;div class='accordion_content'&gt;
      &lt;p&gt;What not #1 is being displayed now&lt;/p&gt;
  &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>I get the accordion H2 displaying properly, however, when I click on it the accordion content doesn't display. Can anyone help me to see why this isn't working?</p>