javascript - jQuery UI アコーディオンが不安定

Question

jQuery UI に組み込まれているアコーディオン関数を使用しようとしています。正常に動作しますが、アニメーションが途切れ途切れになり、その理由がわかりません。ここで他の回答を見てきましたが、これまでのところ何も機能していません。

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>

このマークアップとコードはすべて、同じ HTML ファイルに含まれています。