JQuery 페이드 인 효과

그래서 기본적으로 왼쪽에 탐색 모음이 있습니다. 사용자가 옵션을 클릭하면 연관된 옵션이 사라집니다. 사용자가 다른 옵션을 클릭하면 현재 내용이 희미 해지고 다음 내용이 희미 해집니다. 나는 그것을 처리하는 방법을 알고 있지만 어떤 이유로 fadein이 작동하지 않습니다. 여기 내 HTML의JQuery 페이드 인 효과

<div id="Hotel" class="Information" style="display:none;"> 
    <p>test</p> 
    <p>test</p> 
    <p>test</p> 
    <p>test</p> 
    <p>test</p> 
</div>

여기 내 jQuery의 : 나는 탐색 모음에있는 호텔의 링크를 클릭하면

$(document).ready(function(e) { 
    $("ul.navigation > li").click(function(e) { 
     $sel = $(this).val(); 
     if($sel == 0) 
      $("#schedule").show(); 
     else if($sel == 1) { 
      $('#Hotel').show(); 
      $('#Hotel').fadeIn('slow'); 
     } 
    }); 
});

, 내용이 그냥 페이딩없이 나타납니다. 내 코드의 문제점은 무엇입니까?

출처

2012-09-21 Richard

처럼 편집이

$(document).ready(function(e) { $("ul.navigation > li").click(function(e) { $sel = $(this).val(); if($sel == 0) $("#schedule").show(); else if($sel == 1) { $('#Hotel').fadeIn('slow'); } }); });

같은 시도 ('#Hotel'). fadeIn ('slow');'충분해야합니다. –

gowtam 대답이 도움이 될 것입니다. –

BTW 당신이 .show()`,`$ '으로 라인을 필요로하지 않는 사용자 코드에서 쇼() 함수를 제거하고이

출처

2012-09-21 04:30:50 Gautam3164

좋은 캐치를 위해서 +1 –

@ Gautam3164 omg ... 그렇게 명백하다. 그러나 나는 그것을 완전히 놓쳤다. 고맙습니다 – Richard

show()를 호출하지 마십시오. http://api.jquery.com/fadeIn/

출처

2012-09-21 04:29:05 Satya

JQuery 페이드 인 효과

답변

관련 문제