在页面重新加载时保留选定的指定页面

Question

我将在html和javascript下面发布以清楚地说明......但在我这样做之前，我会解释一下我想要实现的目标。

基本上我想在没有页面重新加载的情况下打开一些页面。这成功完成了。现在，我找不到任何有关如何制作单击页面的解决方案，以便在页面加载/重新加载时保持打开状态。

<nav>
    <a href="#home">Home</a>
    <a href="#download">Download</a>
    <a href="#about">About</a>
    <a href="#contact">Contact</a>
</nav>

<div id="container">
<div id="home">
    Home
</div>

<div id="download">
    Download
</div>

<div id="about">
    About
</div>

<div id="contact">
    Contact
</div>
</div>

$(function(){
var $menuItems = $('nav a'),
    $container = $("#container");

$menuItems.on('click', function(e) {
    e.preventDefault();
    $(this.hash, $container).delay(300).fadeIn(1000).siblings().fadeOut(1000);
});
});​

感谢Marcus Ekwall对javascript的帮助！

现在......我真的很想知道如何在重新加载页面时使用这些href来加载点击的菜单页面，以及如何在首次访问时加载主页。因为我点击其中一个菜单项之前得到的是空白页（没有内容）。

干杯。