I am new to jquery and need help locating a particular combination of a TAB and SLIDER function. I find plenty of great tools that do one or the other.

 

I want to create a section on my site that would have 5 tabs and for example one of the tabs be titled "PRODUCTS ON SALE" and then when you go to that tab, it opens showing 4 products  with each product to be an html block of the products:  image, title, description, buynow button). Then I want my visitors to be able to  slide in a new item until all the items are shown. We may have 20 items on sale.

 

It would be great if the slider would work with any number of images and any type of html content in the block. So I can have the whole tab area filled with one product and then each click of the slider button would bring in one new product block.

 

Please help me uncover this functionality or quote me on building it.

 

Thanks so much.

 

Steve