Question

Is there any easy way to have an anchor change page content when clicked? Would my best bet be to set the content div with JS when the link is clicked?
Thanks for your time.

Answer 1

Every modern browser (IE8+) supports the hashchange event, you can have your link change the anchor and the hashchange event handler update the content.

HTML:

<a href="#newcontent">change content</a>

Javascript:

    $(window).bind( 'hashchange', function(e) {
        if (location.hash == "#newcontent")
        {
            ...
        }
    });

If you’re looking to make a whole webapp on a single page with content changing based on the hash, there are frameworks to help with this – AngularJS, Backbone.js etc.