- Site Template
- WordPress Theme
- Blogging Theme
- CMS Theme
- Marketing Template
- eCommerce Theme
- Forum Theme
- Flash Template
- PSD Web Template
- .NET Script
- PHP Script
- HTML5 Code
- CSS Style
- Edge Animate Template
- Muse Template
- TypeEngine Theme
- Static Site Generator
- Sketch Template
CodeCanyon Tabs & Accordion 2906434
Responsive \ Localstorage \ Sessionstorage \ Tabs \ Transition \ Less \ Jquery
Tabs + Accordion is a jQuery plugin that simplifies creating responsive tabs and accordions.
This is not a WordPress plugin. It you choose to use it as such, integration and usage is entirely up to you.
- You can use the same, simple HTML markup for both Tabs and Accordion.
- You don’t have to learn how to integrate and use two different products, which saves you time.
- It is lightweight, because the majority of underlying code for Tabs and Accordion is shared.
- You don’t have to paint yourself but you can. There is plenty of choice with the included themes.
- Folks visiting your website with a screenreader can use Tabs + Accordion pleasantly.
For more info about the features, go to the info page .
Accordion is completely responsive. It scales from big to small in no time. For Tabs, there is Responsive Switch.
Where Tabs hit the big screen very well, Accordion is more compact and fits the smaller devices. But how do choose? You don’t.
Set a responsive breakpoint and Tabs will magically transform into Accordion once reached.
You get four themes to start with, and you can create your own with CSS or LESS . Because the HTML markup is simple, theming shouldn’t be a head breaker. To kickstart your own awesome theme, an empty theme is included as well.
Multiple and nested instances
Of course, multiple instances on the same page are supported. If the situation requires it, you can actually nest Accordion into Tabs or Tabs into Tabs or …
With HTML5 Local Storage the active tabs or accordion panel is saved and restored upon reentering the page. Or you can choose for Session Storage, which remembers the state during a single browsing session.
Hash Watch (Beta)
Hash Watch gives you the option to link to any Tabs or Accordion panel through an URL . Upon clicked and upon page load, the hash is checked and when it matches, the corresponding panel is expanded automatically. Example: Open panel 2 in the demo.
With the Pause Media option, HTML5 audio and video elements inside the current panel are automatically paused when going to a new panel.
Use your keyboard to access different panels. First focus on the element and then press the left, right, bottom or up arrow keys to navigate.
Tabs + Accordion has been tested in Chrome, Firefox, IE8 , IE9, Opera, Safari 5 and on iOS.
Minified and source versions
Though Tabs + Accordion is made as simple as possible, it has extended documentation to help you out.
Beautiful CSS3 transitions
They are smooth, fast and future proof.
Accordion has beautiful transitions when expanding and collapsing. With Tabs you can go classic without or opt in for a subtle cross-fade transition.
Like to hangout with LESS ? There you go, the LESS stylesheets are included in the download package.
Tabs + Accordion is compatible with RequireJS and the AMD specification .
Go to the API documentation for a complete overview of available methods, options and events.
- Compatibility table
Auto Pause; Toggle Panel; Tabs + Accordion; Accordion A; Seaside Slider; Captions.
Android, Builder, Business, Clean, Corporate, Creative, Design, Ecommerce, Email, Fashion, Gallery, Image, Iphone, Jquery, Landing, Magazine, Magento, Marketing, Minimal, Mobile, Modern, Multi, Multipurpose, Online, Parallax, Personal, Photography, Plugin, Portfolio, Product, Responsive, Simple, Slider, Social, Store, Template, Theme, Video, Woocommerce, Wordpress
Show all tags
Show all tags
- ThemeForest Mordant Freelancer Portfolio Template 19599573
- ThemeForest Diamond Business & Consulting PSD Template 19599405
- ThemeForest Chemical Company Theme Joomla 19554650
- ThemeForest Clean UI Admin Template Modular & Trendy Design & Modules Market & BEM & Angular 2 & Visual Builder 19597589
- ThemeForest Tanes Creative Coming Soon Template 19580171
- ThemeForest Fitness Trainer-PSD Template 19597533
- ThemeForest Towy Emergency Auto Towing and Roadside Assistance Service HTML Template with Builder 19596606
- ThemeForest Entropy Multipurpose App Landing Page Template 19594356
- ThemeForest Job Portal PSD Template 19408386
- ThemeForest PURPOSE Creative Business PSD Template 19593274