Ajax Tabs allows you to implement a dynamic menu on your website.
When ever a user clicks a tab the Ajax will communicate with the server and send back the appropriate data for that tab.
You will need 3 main IDs (one for the container, one for the content area and one for the loading status) and 1 class (for the tabs).
The first ID #container will hold the tabs as well as the content area. The following class .tabs is going to style our tabs, most of the styling we have is mostly for looks an important property is the float:left. The float:left makes the tabs so they are on the same horizontally aligned, this can also be done with using display:inline but with a little more tweaking.
The loading style is used for when the Ajax is communicating with the server we set the display to display: none so it only shows while the page is loading.
Find us on Google+
