如何为不同的Jquery函数创建永久链接？

我是Jquery的新手，正在尝试解决一些简单的问题。我有几个div，在点击各种链接时显示/隐藏。我希望能够为每个div设置永久链接，这样用户就可以重新加载页面，而不必导航回他们正在查看的div

这是我到目前为止所拥有的最新资料

（注意：fiddle的框架一直默认为Mootools…请重置为jqueryui。）

我的页面结构如下：

<div style="width:100%; height:40px; text-align:center;">
<a class="one" href="#">One</a>
<a class="two" href="#">Two</a>
<a class="three" href="#">Three</a>
<a class="four" href="#">Four</a> 
</div>
<div id="one">One</div>
<div id="two">Two</div>
<div id="three">Three</div>
<div id="four">Four</div>

---

介绍锚定：

现在在JS中，您可以执行以下操作：

$(document).ready(function(){
    hash = location.hash
    if(hash) {
        name = hash.substr(1)
        $('a.'+name).click();
    }
});

这将执行以下操作：一旦页面加载，它将检查散列（例如，

#one

）并从中取出名称（“one”）。现在，它在元素锚上模拟一个锚（例如，

a.one

）。当然，您在绑定事件后执行此操作

---

注意：许多jQuery事件都有“getter”和“setter”行为：如果在没有参数的情况下调用，它将返回值/触发事件/etc。传递值时，将分配一个新的值/事件函数/etc。有关详细信息，请参阅链接文档。

将所选选项卡放在URL的

#hash

中。然后准备好你的

文档。ready

函数检查散列，并模拟单击相应的

a

。对不起，我对JQuery不是很有经验……你能给我链接一个如何完成的示例吗？当我向散列添加名称时，它会打破滑动转换。看这里：我猜是因为锚是用来导航的，它会跳到一个特定的区域。也许你能阻止它。

$(document).ready(function(){
    hash = location.hash
    if(hash) {
        name = hash.substr(1)
        $('a.'+name).click();
    }
});