Show dynamic content by hash changes

show-dynamic-content-by-hash.js

function getDefaultSelector() {
    return '.home';
}

function hashToSelector(hash) {
    return hash.match(/^#.+/) 
        ? hash.replace(/^#/, '.')
        : getDefaultSelector()
    ;
}

/**
 * Show/hide dynamic content by hash tag
 */
function bootstrap(selector) {
    // alert(selector); // debug
    var elements = $(selector);
    if (elements.length || selector == getDefaultSelector()) {
        $('.dynamic').hide();
        elements.show();
    }
}

/**
 * Waiting DOM ready
 */
$(document).ready(function(){
    // alert('DOM');

    /** init on page load */
    var selector = hashToSelector(location.hash);
    bootstrap(selector);

    /** re-init on hash change */
    $(window).bind('hashchange', function() {
        var selector = hashToSelector(location.hash);
        bootstrap(selector);
    });
});