jquery - jQuery-ui を使用したネストされたアコーディオン。子供は両親を閉じます

Question

ネストされたアコーディオンを実装するときに問題が発生しています。子を開くと、その親は即座に閉じます。

私が見つけた解決策は、新しいアコーディオンとレベルごとに異なるヘッダー クラスを宣言することでしたが、ネストは無制限であるため、オプションではありません。

  jQuery(document).ready(function () {
     jQuery("ul.accordion").accordion({
         header: "h4",
         autoHeight: false,
         collapsible: true,
         active: false,
         heightStyle: "content"
     });
 });

問題を再現するためにjsfiddleとして作成しました。