Jquery 直接链接到隐藏的div

Jquery 直接链接到隐藏的div,jquery,css,Jquery,Css,我正在使用插件切换一些隐藏的div 每个div都有一个单独的id。是否有方法通过直接链接显示选定的div 例如,输入domain.com/page.php#HiddenDiv2将切换 这是我的页面:您可以使用jQueryready事件以及JavaScriptonhashchange事件来执行您需要的操作。以下是一些示例代码: <!DOCTYPE html> <html> <head> <meta charset="utf-8"> &

我正在使用插件切换一些隐藏的div

每个
div
都有一个单独的id。是否有方法通过直接链接显示选定的
div

例如,输入domain.com/page.php#HiddenDiv2将切换


这是我的页面:

您可以使用jQuery
ready
事件以及JavaScript
onhashchange
事件来执行您需要的操作。以下是一些示例代码:

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <title>Test Page</title>
    <style>
        .hidden {
            display: none;
        }
    </style>
    <script src="https://code.jquery.com/jquery-3.1.1.min.js"></script>
    <script>
        $(function() {
            showHiddenDiv();
            window.onhashchange = showHiddenDiv;
        });
        function showHiddenDiv() {
            $(window.location.hash).show();            
        }
    </script>
</head>
<body>
    <div id="div-1" class="hidden">Div 1</div>
    <div id="div-2" class="hidden">Div 2</div>
    <div id="div-3" class="hidden">Div 3</div>
</body>
</html>

测试页
.隐藏{
显示:无;
}
$(函数(){
showHiddenDiv();
window.onhashchange=showHiddenDiv;
});
函数showHiddenDiv(){
$(window.location.hash.show();
}
第一组
第2组
第3组

要查看哪些浏览器支持
onhashchange
事件,请查看此处:

您的方法与我在自己的::target{display:inline;}中找到的另一个方法一样有效