使用onclick在其他html文件中显示隐藏的div

Question

I use Javascript and 'onclick' to show hidden div's in a large database, when I use onclick it shows as a popup. It works fine in the same html-file, but I cannot get an id openend in another html file. How can I do this?

I use this javascript code (sh = show):

 var divState = {}; function sh(id) {
if (document.getElementById) {
    var divid = document.getElementById(id);
divState[id] = (divState[id]) ? false : true;
 //close others
 for (var div in divState){
    if (divState[div] && div != id){
        document.getElementById(div).style.visibility = 'hidden';
        divState[div] = false;
    }
}
divid.style.visibility = (divid.style.visibility == 'visible' ? 'hidden' : 'visible'); } }

And I call the item with this code (id=1):

 <a class=w onclick="sh('1');">asdfasdf asdasdfds</a>

I tried <a onclick="window.location.href='../A/index.html?id=0174' "> but it does not "open" or rather show id=0174, only opens index.html in the A-directory. How can I make id 0174 in A/index.html visible when clicked on some item in E/index.html?

Many thanks!

Answer 1

You can use the :target CSS pseudo-class to show or hide elements with the id specified as the hash in the url.

For example: <a href="../A/index.html#0174">Link to div #0174 on other page</a>

 .show-when-target { visibility: hidden; } .show-when-target:target { visibility: visible; } 

 <div id="1" class="show-when-target"> Hello from div 1! </div> <div id="2" class="show-when-target"> Hello from div 2! </div> <div id="3" class="show-when-target"> Hello from div 3! </div> <a href="#1">Show Div 1</a> <a href="#2">Show Div 2</a> <a href="#3">Show Div 3</a>