JQuery淡入效果

Question

所以基本上我有一個導航欄在左邊。當用戶點擊一個選項時，它應該淡入與之相關的內容。當用戶點擊另一個選項時，它應該淡出當前內容並淡入下一個選項。我知道如何照顧邏輯，但由於某種原因，淡入淡出不起作用。這裏是我的html

<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'); 
     } 
    }); 
}); 

當我點擊導航欄上的酒店鏈接，內容只是似乎沒有任何衰落。我的代碼有什麼問題？

Answer 1

嘗試這樣

$(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'); 
    } 
    }); 
}); 

從你的代碼中刪除Show（）函數和編輯這樣

Answer 2

不要調用show（）。 http://api.jquery.com/fadeIn/