Expanding a hidden div by referring with an anchor from external page

Question

I have a script which hides (display:none) certain divs in the list on page load. Div contents represents description of a book, and the whole list is some sort of bibliography.

Answer 1

You can use the window.location.hash to see the hash value. From there you can getElementById(hashValue) and show it.

Answer 2

You can do something like this on the target page:

window.onload = function() {
    var hash = window.location.hash; // would be "#div1" or something
    if(hash != "") {
        var id = hash.substr(1); // get rid of #
        document.getElementById(id).style.display = 'block';
    }
};

Essentially, you check on the page load whether the window's href has a hash attached to it. If it does, you find the <div> and change the style display to block.

Answer 3

Thank you! I figured out you can add this

location.href = '#' + id;

and also have the page scrolled to the position of the referred div.