페이 지 콘텐츠 페이지에

Question

페이지 스타일 사이트가 하나 있습니다. 내 메뉴 :

<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> 

콘텐츠 페이지를 가져올 때 콘텐츠가 페이드 효과를 통해로드되기를 원합니다. 가능한가?

Answer 1

fadeIn()으로 할 수 있습니다. 첫 번째 메뉴 항목과 관련된 ID와 관련시킬 div가 있습니다. html 요소는 should have unique ids입니다. fadeIn을 호출하기 전에 요소가 이미 표시되어있는 경우 hide입니다.

Live Demo

$('#menu1').click(function() { 
    $('#menu1_content').hide().fadeIn(2000); 
});​