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中的哪一个。