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

时间:2017-02-23 02:54:06

标签: javascript jquery html css

我在重定向到页面后显示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。 我正在使用tab来显示每个div的内容

谢谢

1 个答案:

答案 0 :(得分:0)

添加javascript以隐藏ID为&#39; secondpage_2nd-div&#39;在第二页!

<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

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