直接链接到隐藏的div

我正在使用this插件切换一些隐藏的div。直接链接到隐藏的div

每个div都有个人ID。有没有办法显示选定的div直接链接？

例如进入domain.com/page.php#HiddenDiv2将切换<div id="HiddenDiv2">

这里是我的网页：http://www.snblodz.com.pl/?page_id=14

2017-02-17 Sebastien Polit

您可以使用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>

要查看浏览器都支持onhashchange事件，请看这里：http://caniuse.com/#search=onhashchange

来源

2017-02-17 16:44:48 clarmond

你的方法效果以及antoher一个我发现我自己：：目标{显示：一致;} –

直接链接到隐藏的div

回答

相关问题