Responsive tabs 1

Developer: Website: License / Price: Platforms: Databases: Language: Last Updated: Category: Matthias Le Brun | More scripts github.com Other Free / Open Source License  Windows / Linux / Mac OS / BSD / Solaris N/A JavaScript March 16th, 2013, 06:43 GMT C: \ Forms and Controls

The "Responsive tabs" script uses a little bit of CSS and JavaScript trickery to allow the classic tab slider widget to be viewed and work properly on devices with smaller screens, without forcing the user to scroll laterally.

While the slider container resizes using basic CSS fluid layout techniques, the real magic is triggered once a certain breakpoint is passed.

The tabs above the slider are all hidden and their place is taken by a Next/Prev navigation system for switching in-between the widget's panels.

A demo is included with the download.

Requirements:

· JavaScript enabled on client side

Via: Responsive tabs 1