jquery 显示/隐藏带有直接链接的 Div

Question

请帮我完成它:)

所以我有这种简单的显示/隐藏内容 jquery ，但问题是通过直接链接显示它。

工作简单，就像我喜欢的那样。但我需要一些方法来用 example.php#div1 或 example.php#div2 显示它

有什么建议吗？

e.preventDefault();
var targetDiv = $($(this).attr('href'));
if(!targetDiv.is(':visible')){
    $('.page').slideUp();
    targetDiv.slideDown();
}else{
    $('.page').slideUp();
}

});

提前致谢!

Answer 1

我不确定这是否是您要找的。但是你可以添加一个哈希监听器

onhashchange

这是我创建的一个 fiddle ，它查看 url 的哈希部分而不是监听点击事件。

FIDDLE

window.addEventListener("hashchange", function(){    
    var targetDiv = $(location.hash);
    console.log(targetDiv);
    if(!targetDiv.is(':visible')){
        $('.page').slideUp();
        targetDiv.slideDown();
    }else{
        $('.page').slideUp();
    }
}, false);

我不确定这是否会在第一次加载时触发，但在加载事件中您可以检查 location.hash 以查看是否存在。