タブ付きのメニューがあります。
<ul>
<a href="views/wrap1.php"><li class="wrap1"> Home    </li></a> 
<a href="views/wrap2.php"><li class="wrap2"> Packages</li></a> 
<a href="views/wrap3.php"><li class="wrap3"> Clients   </li></a> 
<a href="views/wrap4.php"><li class="wrap4"> Creations</li></a> 
<a href="views/wrap5.php"><li class="wrap5"> Reach Us   </li></a> 
</ul>
そして、Jquery.load()を使用して、5ページのwrap1.php、wrap2.php、wrap3.php、wrap4.php、wrap5.phpを共通のdivコンテナーにロードします。
私が使用しているJqueryコードは
$('.wrap1').css({'border':'2px solid black'}) ;
$('#tabs li').click(function(){
$('#container').load('views/'+$(this).attr("class")+'.php', function(){
$('#container').fadeIn('slow') ;
});
return false;
});
すべて正常に動作していますが、ページが読み込まれたときに読み込み中のgifを表示し、ページが読み込まれたときにそのgifを非表示にします。私はここで多くの質問を読み、すべてを試しましたが、何もうまくいきませんでした。また、スクリプトをどこに配置すれば機能するかを教えてください