Tabslet: jQuery Plugin for Tabs
Tabslet is a jQuery plugin for tabs. It is lightweight, easy to use, compatible with all modern web browsers and is mobile-friendly. It supports custom events, rotation animation and controls. Simply, it does pretty much everything you will need.
Here are some of the features that go beyond standard tab controls:
- Flexible HTML structure
- Custom events
- Data attribute initialization and configuration
- Controls (next, previous)
- Rotation (useful for banner rotators/carousels)
- Deep linking support
- Change tabs on mouse over
- Use animation effect for tabs’ changing
- Ability to use either href or alt attribute to target tab
- Destroy and control (next, prev, show) methods
Check out the documentation to learn more about Tabslet and see it in action.
Zozo Tabs: Responsive jQuery Tabs Plugin
Zozo Tabs is a user-friendly, fully responsive and customizable jQuery tabs plugin to take any HTML content, including images, videos and display it in a clean, organized and responsive tabbed navigation.
It works out of the box, making it simple to create beautiful but powerful enough to build branded and highly customized tabs. This plugin features plenty of layouts, vertical tabs, horizontal tabs, responsive tabs, deep-linking, a flat theme pack extension, powerful API, CSS transitions and animations, more than six sizes, more than 30 themes, more than 35 templates, 10 positions, 65 options and much more.
Zozo Tabs is designed for WordPress but can be integrated in other frameworks as well and works with all modern browsers. See the documentation for details on how it can be integrated with other content management systems.
The regular license for this plugin is $8 and includes quality checks by the Envato marketplace, future updates and six months of support from ZozoUI. (You can buy an extended support option as well for just a couple dollars more.)
HashTabber: Tabbed Content Switcher
Here are the features of HashTabber:
- SCSS stylesheet
- Switching tabs with
- Multiple simultaneous HashTabbers
The plugin also works on most browsers that users would come in contact with including Chrome 4+, Firefox 4+, Opera 12+, Safari 5+ and Internet Explorer 8+.
You need two files to start using HashTabber:
hashTabber.js– with a single object inside and four helper functions; so you could as well just paste it to your script.js to avoid an unnecessary HTML request
_hashTabber.scss– 20-something lines of code that would be best to just @include in your global.scss
Following the setup instructions is vital to making this plugin work, so pay close attention to the documentation. There’s an additional theme class as well for those sites running on a theme. (This will make everything come together a lot easier.)
This plugin has a few “hidden features” as well:
ols could contain countless different nodes (
h2for example), as the script takes into account only
lis inside of them
ols could be placed within completely different HTML nodes, as the script uses the
data-hashtabber-idattribute to pair them
- You can chain parameters in links:
#foo=2&bar=1&fum=baz&qux=2&zot=3, to switch tabs for all instances of HashTabber simultaneously
Slinky: Responsive Sliding Navigation Menu
The mobile-like, list-style, responsive sliding navigation menu is aptly named Sliding Menu. And it does exactly what you might expect.
This tool creates sliding menus for your website designs. You can create as many (or as few) layers to your menu slider as you like.
On on-demand sticky header.
Shrink website navigation on scroll.
Adding a ‘ flipping ’ effect to text based navigational menu items on hover.
Lightweight , mobile-first toggle tabs.
Allows you to easily convert a long, hard to navigate list into a compact, easily skimmable ‘first-letter’ based menuing system.
Cool navigation list complete with a sliding hover effect.
BG Image Nav
Beautiful navigation that has a background image slide effect
Tabbed Side Menu
Tabbed interface via jQuery
Moving Tab + Slide Content
A lava lamp tab and sliding content all-in-one
jQuery UI Tabs
cTabbed navigation to breakdown content into multiple sections.