javascript - Chrome では機能するが Firefox では機能しない JavaScript リンク

Question

私のRailsプロジェクトでは、HTMLファイルに

<a href='#' id="show_advanced">Show advanced options</a>

次に JavaScript/JQuery で

  jQuery("#show_advanced").click(function() { // if link is clicked
      event.preventDefault(); // don't go to another page
      if (jQuery('.advanced_option').is(':hidden')) { // if it is hidden, slide down
        jQuery('.advanced_option').slideDown();
        jQuery("#show_advanced").html("Hide advanced options");
      } else { // if not, slide up
        jQuery('.advanced_option').slideUp();
        jQuery("#show_advanced").html("Show advanced options");
      }
  });

フォームの高度なオプションを表示します。Chrome では、これで問題なく動作します。しかし、FireFox では、リンクはページに移動するだけで.../#、これは正しくありません。どうすれば修正できますか？