Jquery Wechseln zwischen Ansichten - Javascript, umschalten

Ich bin mir sicher, dass dieser Code so funktioniert, wie ich ihn bereits in vielen Projekten verwendet habe, aber aus irgendeinem Grund funktioniert er nicht. Ich bin mir nicht sicher, ob ich etwas verpasst habe, da JavaScript schon lange nicht verwendet wurde.

$("#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>

Antworten:

Wäre so etwas nicht einfacher?

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

Stellen Sie einfach sicher, dass eines der 2 Elemente hat display:none In seinem Stil festgelegt, auf Seite laden. Auf diese Weise die toggle() schaltet die Sichtbarkeit beider Elemente um und wechselt, welche der beiden angezeigt wird.