重定向到 html 页面后显示 DIV 或 Section

Question

我在重定向到页面后显示 DIV 或部分时遇到问题，我使用的是 magento 自定义页面，所以基本上它是纯 html。

这是我的代码： 第 1 页：

1st page: <a href="otherpageurl"> 1st page </a>

second page:

<div id="secondpage_1st-div">
<h2>second page</h2>
<p>hello</p>
</div>

<div id="secondpage_2nd-div">
<h2>second page</h2>
<p>hello</p>
</div>

单击第一页上的链接时，我需要显示 div。 我正在使用选项卡来显示每个 div 的内容

谢谢

Answer 1

添加一个javascript来隐藏第二页中id为'secondpage_2nd-div'的div！

<script>
    element=document.getElementById("secondpage_2nd-div");
    element.style.display = 'none';           // Hide
    //element.style.display = 'block';          // Show
</script>

否则，页面中有很多div，隐藏所有div，只显示一个想要的，

<script>
    var divs = ​document.getElementsByTagName("div");​
    for (var i = 0; i < divs.length; i++) {
      divs[i].style.display = 'none';        
    }
</script>

然后

<script>
    element=document.getElementById("secondpage_1st-div");
    element.style.display = 'block';           // show one div
</script

这完全取决于您的要求。 希望对您有所帮助！