用 hashchange 分开 fadeToggle div

【问题标题】：separate fadeToggle divs with hashchange用 hashchange 分开 fadeToggle div
【发布时间】：2012-08-14 21:42:28
【问题描述】：

我有 hashchange 示例，需要在点击链接时淡入淡出切换 div。如果链接 1 单击淡入 content1 div，如果链接 2 淡入 content2 等等。 div的淡入淡出必须是独立的。现在只改变了链接背景，所有 4 个 div 都被隐藏了。如何使用我在这里的代码来完成此操作：http://jsfiddle.net/fXA4z/

【问题讨论】：

标签： jquery hashchange

【解决方案1】：

您可以使用click 方法代替监听hashchnage 事件：

$('#nav a').click(function(event){
    event.preventDefault();
    $(this).addClass('selected').siblings().removeClass('selected')
    var which = this.href.slice(-1);
    $('div[class^="content"]').hide();
    $('div.content'+which).show()
})

FIDDLE

【讨论】：

谢谢，但我还需要 hashchange 函数。功能 mypage.com/#link1 类型的链接。并且 div 应该独立淡入/淡出。当一个打开时，它不应该在单击另一个时关闭