Q:

Jquery Tab menu scroll arrows

I am new learner to jquery/js. I am having difficulties making a scroll tab menu. Here my example tabs in JSFIDDLE. My goal is to only display 5 tabs and hide the rest tabs. So if the user wants to see the hidden tabs they will click on the side arrows. Is there are bettter way to do this or Can anyone please show me how this mechanism work with my example?

A:

There are numerous plugins available for this:
Here's one example
DEMO: http://jsfiddle.net/LtmA5/1/
Source:
http://jquery.aamirafridi.com/jst/

