HTML + Jquery - Menu To Change Contents In The Content DIV

I've been digging around on how to do it, but didn't find any solution which would fulfill my needs. Got a basic layout of my page with menu on the left, separate div for header an

Solution 1:

I think there are a number of ways to achieve what you want. It depends on the nature of the content you want to load.

If there isn't masses of it, you could load it all onto the page on page load within different div's and then just show and hide the relevant div when clicking the menu items. (have a look at twitter bootstrap for some implementations, things like tabbed browsing).

If you do just have text, you could use ajax to load in the data from an external file w3schools.com.

Alternatively as mentioned in a comment above, you could create a single page application using something like angular.js, knockout.js etc.

Hope that helps.