jquery - jquery トグルが機能しない場合がある

Question

わかりました、jquery のドロップダウン メニューで絶対的な悪夢を見ています。私はショッピング バスケットを作成しています。ユーザーがドロップダウン バスケットをクリックして、バスケット内のアイテムを表示するように切り替えます。私はコンテンツを手に入れてこれを行うことができますが、非常に断続的です!

jfiddleで動作するようになりましたが、ローカルホストでは動作しません。問題はここに来る可能性があると思います。これは私がコードを実行する方法です...

Joomla2.5 - 私のテンプレート - index.php jquery 1.10.2 Jumi モジュールを呼び出します - 呼び出す js コード: cart.js - 以下のコードで Basket.phtml を呼び出します:

<div id="accordion">
   <ul>
     <li>
        The content
          <ul>
             The hidden menu
          </ul>
     </li>
   </ul>
</div>

<script type="text/javascript">
(function($){ 
$(document).ready(function() {
$('#accordion ul > li').on('click', function(){

    $(this).children('ul').toggle();


});
});
})(jQuery);
</script>

event.preventDefault(); を追加しました。これによりFirefoxで動作しますが、Chromeでは断続的であり、リフレッシュするとランダムに動作します。ブラウザーの読み込み速度が異なるか、コードが間違っている可能性がありますか?