title: jQuery UI Accordion - animation does not work
body: <p>Thanks for your help in advance. </p>
  
  <p>I am using the jQuery UI accordion and I would like there to be an animation but for some reason it does not work. Any idea why? the accordion div simply appears and disappears. Here is my code:</p>
  
  <pre><code>      &lt;!-- creates  accordion where records can be entered --&gt;
                      &lt;script type="text/javascript"&gt;
  
          $(document).ready(function(){
  
              $( "#tracking-record-menu" ).accordion({
                  collapsible: true,
                      header: '.record-item',
                  active: false,
                  animated: 'slide'
              });
  
                              });
  
                      &lt;/script&gt;    
  
            &lt;!--######### contains tracking record buttons ######## --&gt;
                 &lt;div id="tracking-record-container"&gt; 
            &lt;ul id="tracking-record-menu"&gt;
  
  &lt;li class="record-section"&gt;&lt;span class="record-section-text"&gt;Body Metrics&lt;/span&gt;&lt;/li&gt;
  
  &lt;li class="record-item"&gt;&lt;div class="record-item-div"&gt;&lt;span class="record-text"&gt;Distance&lt;/span&gt;&lt;/div&gt;&lt;/li&gt;
  
                       &lt;div class="tooltip-record"&gt;
                       &lt;form id="distance_graphtracker" method="post" action=""&gt;
                       &lt;label for="distance-log-id"&gt;Distance&lt;/label&gt;
           &lt;input type="text" name="distance_log" id="distance-log-id" /&gt;
                       &lt;button type="submit" name="submit_distance" &gt;Record&lt;/button&gt;
                       &lt;/form&gt;
                       &lt;/div&gt;
  
  &lt;li class="record-item"&gt;&lt;div class="record-item-div"&gt;&lt;span class="record-text"&gt;Time&lt;/span&gt;&lt;/div&gt;&lt;/li&gt;
  
                       &lt;div class="tooltip-record"&gt;
                       &lt;form id="time_graphtracker" method="post" action=""&gt;
                       &lt;label for="time-log-id"&gt;Time&lt;/label&gt;
            &lt;input type="text" name="time_log" id="time-log-id" /&gt;
                       &lt;button type="submit" name="submit_time" &gt;Record&lt;/button&gt;
                       &lt;/form&gt;
                       &lt;/div&gt;
  
  &lt;/ul&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>P.S. I have included the UI Effects Core.</p>