HTML5 loading a content into a main view wrapper?

Question

I am no stranger to front-end development, but I have come across a requirement by a client which I have never done before, and I would appreciate it if someone can point me int

Answer 1

If you're populating all the section-s on your page you can try this - http://jsfiddle.net/Fyhm7/

HTML

Home
Products
Contact

Home
Products
Contact

JS

$("a").on("click", function() {
    var id = $(this).data("section");

    $("section:visible").fadeOut(function() {
        $(id).fadeIn();
    });
});