Swapping out a section of my home page with tabs...
 

Hello,

I have a website (mixnob.com) that has a section at the bottom of the home page with three tabs (Featured Products, On Sale, and New Products). The data for these sections is delivered dynamically from a database. I have the variables that call all of the corresponding data. What I am needing help with is how to code this section so that when someone clicks on each tab, the correct products will show without the whole page reloading. So when you first load the home page, it defaults to showing the Featured Products, then when you click on New products, they will show, and so on.

So far I have setup the graphic and css part of it. The three tabs are there and change to a different hover color once clicked. I just need help with the actual script to make the functionality work.

I would be appreciative for any help anyone can offer with this.

Thanks,
Brook Floyd

This is not JSON brookfloyd. It sounds like you need AJAX.
http://www.w3schools.com/ajax/default.ASP
Or https://developer.mozilla.org/en-US/...etting_Started
Or google it. AJAX is not easy to learn, but is necessary in today's coding world.