javascript - クリックしたときに特定のファイルをロードするタブのJavascriptコード

Question

タブが選択されたときに特定の注文フォームファイルをロードする注文フォームページに取り組んでいます。

ここを参照してください、http：//www.psd2htmlpros.com/dev/order-form3/

このサイトには、このページhttp://www.psd2htmlpros.com/service.htmlにすでに機能するタブがあります。

ただし、問題は、注文フォームページ（http://www.psd2htmlpros.com/dev/order-form3/）のタブの1つをクリックすると、URLの末尾に＃記号が追加され、他のタブが壊れることです。フォームの一部。例えば。

ゴールドパッケージをクリックすると、末尾またはページのURLに＃（ポンド）記号が追加され、[追加オプション]領域の下にあるオプションの1つをクリックしようとすると、タブが表示されなくなります。開いた。

現在使用されているJSコードは次のとおりです。

パッケージの1つが選択された後に＃（ポンド）記号が追加されないように修正する方法を知っている人はいますか？

//---------コードはここから始まります-----------//

<div class="order-form-tabs">

<ul class="nav">

<li><h2><a id="silver" href="#" class="current curved-top" rel="tab1">Silver Package</a></h2><h4 style="padding:10px 0;">$97</h4><strong>Package Includes:</strong><br /><i>XHTML 1.0 Transitional/CSS 2.1<br />100% Hand-coded and W3C Valid<br />Table-less markup<br />Optimized Shorthand CSS<br />Cross-browser compatibility</i></li>

<li><h2><a id="gold" href="#" class="curved-top" rel="tab2">Gold Package</a></h2><h4 style="padding:10px 0;">$148</h4><strong>Package Includes:</strong><br /><i>XHTML 1.0 Strict/CSS 2.1<br />100% Hand-coded and W3C Valid<br />Table-less markup<br />Optimized Shorthand CSS<br />Cross-browser compatibility<br />SEO Semantic Coding<br />Complete Presentational Separation<br />Load Speed Optimization</i></li>

<li><h2><a id="platinum" href="#" class="curved-top" rel="tab3">Platinum Package</a></h2><h4 style="padding:10px 0;">$188</h4><strong>Package Includes:</strong><br /><i>HTML5/CSS3<br />100% Hand-coded and W3C Valid<br />Table-less markup<br />Optimized Shorthand CSS<br />Cross-browser compatibility<br />SEO Semantic Coding<br />Complete Presentational Separation<br />Load Speed Optimization</i></li></li>

</ul>

<div class="separator"></div>


<div id="tab1">

<?php include "order-silver.php" ?>

</div>


<div id="tab2">

</div>


<div id="tab3">

</div>


<script type="text/javascript">
$('#silver').click(function(){
    $("#tab1").load("order-silver.php");
    $('#tab2').empty();
    $('#tab3').empty();
});

$('#gold').click(function(){
    $("#tab2").load("order-gold.php");
    $('#tab1').empty();
    $('#tab3').empty();
});

$('#platinum').click(function(){
    $("#tab3").load("order-platinum.php");
    $('#tab1').empty();
    $('#tab2').empty();
});

</script>

</div>

//---------コードはここで終了します-----------//