Field Group: Easy Responsive Tabs to Accordion
509 sites
Security covered
This project integrates the Easy Responsive Tabs jQuery plugin with Drupal's Field Group module. It allows you to convert standard horizontal or vertical tabs into an accordion that automatically adjusts for different screen sizes, providing a better user experience on desktops, tablets, and mobile devices.
Easy responsive tabs - is a lightweight jQuery plugin which optimizes normal horizontal or vertical tabs to accordion on multi devices like: web, tablets, Mobile (IPad & IPhone). This plugin adapts the screen size and changes its action accordingly.
This project provides a Tabs to Accordion style that can be used by Field Group module.
Features
- Horizontal / Vertical Tabs to Accordion
- Tabs and accordion are created entirely with jQuery
- Supports multiple sets of tabs on same page
- Cross browser compatibility (IE7+, Chrome, Firefox, Safari and Opera)
- Multi device support (Web, Tablets & Mobile)
- Link directly to specified tab (works with multiple instances)
- Maintains state of tabs when navigating away from page and then returning using back or forward (if browser supports the History API)
Dependencies
Installation
- Download Easy Responsive Tabs to Accordion plugin.
- Uncompress the downloaded file, then rename main folder to "easy-responsive-tabs", and copy it to "/libraries/" folder.
- Install "Field Group: Easy Responsive Tabs to Accordion" module using composer.
Thanks to
Many thanks to "Field Group" maintainers and to maintainer of "Easy Responsive Tabs" jQuery plugin.