title: Jquery Accordion Easing
body: <p>I am trying to get a nicer feel to my drop down accordion...but it isnt happening for me...any ideas?  </p>
  
  <p>Here is my code in the accordion itself...</p>
  
  <pre><code>    &lt;div id="accordion"&gt;
          &lt;h3 id="branding"&gt;&lt;a href="#"&gt;Branding&lt;/a&gt;&lt;/h3&gt;
          &lt;div&gt;Lorem Ipsum is simply dummy text&lt;/div&gt;            
          &lt;h3 id="website"&gt;&lt;a href="#"&gt;Website&lt;/a&gt;&lt;/h3&gt;
          &lt;div&gt;Lorem Ipsum is simply dummy text&lt;/div&gt;
      &lt;/div&gt;
  </code></pre>
  
  <p>And in the head...</p>
  
  <pre><code>&lt;script type="text/javascript" src="js/jquery-1.3.2.min.js"&gt;&lt;/script&gt;
  &lt;script type="text/javascript" src="js/jquery.easing.1.3.js"&gt;&lt;/script&gt;
  &lt;script type="text/javascript" src="http://jqueryui.com/latest/ui/ui.core.js"&gt;&lt;/script&gt;
  &lt;script type="text/javascript" src="http://jqueryui.com/latest/ui/ui.accordion.js"&gt;&lt;/script&gt;
  &lt;script type="text/javascript"&gt;
    $(document).ready(function(){
       $('#accordion').accordion({ navigation: true, easing: 'easeInBack' });
    });
  &lt;/script&gt;
  </code></pre>