Jquery在視圖之間切換

Question

我確定這段代碼的工作原理與以前在很多項目中使用過的一樣，但由於某種原因，它不能正常工作，不確定是否因爲我使用JavaScript而遺漏了很長時間。

$("#history").click(function(){ 
    $('.apphome').hide(); 
    $('.history').show(); 
},function(){ 
    $('.apphome').show(); 
    $('.history').hide(); 
}); 

HTML

<div class="apphome"> 
    <h2>Dashboard</h2> 
</div> 
<div class="history"> 
    <h2>History</h2>  
</div> 
<li><a href="#" id="history" data-icon="refresh">History</a></li> 

Answer 1

難道這樣的事情更簡單嗎？

$("#history").click(function(){ 
    $('.apphome, .history').toggle(); 
}); 

只要確保其中一個元素有display:none在頁面加載時設置爲樣式。這樣，toggle()將切換兩個元素的可見性，交替顯示2中的哪一個。