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

只需确保 2 个元素之一在其样式中设置了 display:none 在页面加载时。这样，toggle() 将切换两个元素的可见性，交替显示两个元素中的哪一个。