jQuery UI Accordion Is Choppy

Question

I am trying to use the accordion function built in to the jQuery UI. It works fine, but the animation is very choppy, I can't seem to figure out why. I've looked at other answers on here, and none have worked so far.

jQuery:

<script>
  $(function() {
    $( ".accordion" ).accordion({ animate: true },{ heightStyle: "content" });
  });
</script>

HTML:

<ul class ='accordion'>
<li>
    <h3><!-- heading --></h3>
    <p><!-- content --></p>
</li>
<li>
    <h3><!-- heading --></h3>
    <p><!-- content --></p>
</li>
<li>
    <h3><!-- heading --></h3>
    <p><!-- content --></p>
</li>
</ul>

All this markup and code is contained in the same HTML file.

Answer 1

It probably depends on what browser you are on. Many jQuery UI animations in IE8 and below are very 'choppy'.