jQuery script for page handling, making it easier to contain multiple pages within one html file.

pages.js

$(function(){
    //when a button is clicked
    $('.page-button').on('click', function(){
        // Get the target page
        var $target = $(this).attr('data-target');
        var $targetSelector = 'section#' + $target;
        // Show target page
        $($targetSelector).removeClass('page-hidden');
        $($targetSelector).addClass('page-visible');
        // Hide everything page
        $('section.page:not(' + $targetSelector + ')').removeClass('page-visible');
        $('section.page:not(' + $targetSelector + ')').addClass('page-hidden');
    })
});