0

1ページスタイルのサイトがあります。私のメニュー：

<ul id="creamenu" class="menuHolder">
  <li><a id="menu1" href="#/1">1</a></li>
  <li><a id="menu2" href="#/2">2</a></li>
  <li><a id="menu3" href="#/3">3</a></li>
  <li><a id="menu4" href="#/4">4</a></li>
  <li><a id="menu5" href="#/5">5</a></li>
</ul>

menu1をクリックすると、同じページのコンテンツに移動します。私のコンテンツ構造：

<div id='menu1' class="fancyscroll-section" style="left:10800px;">
<div class="fancyscroll-content row blue">
/* Content items */         
</div>
</div>

コンテンツページを取得するときに、フェード効果を介してコンテンツをロードしたい。出来ますか？

4

1 に答える 1

0

あなたはfadeIn（）でそれをすることができますあなたは最初のメニュー項目とそれに関連付けたいdivに同じIDを持っています。あなたshould have unique idsはhtml要素のために。hideフェードインを呼び出す前に要素がすでに表示されている場合。

ライブデモ

$('#menu1').click(function() {
    $('#menu1_content').hide().fadeIn(2000);
});​
于 2012-12-25T15:59:50.827 に答える