WordPress Tabs and Accordions DZS

WordPress ZoomTabs Intro – top

WordPress ZoomTabs and Accordions is the perfect tool for creating Tabs or Accordions. The tabs automatically minimize to accordions when the responsive switch is achieved in order to be displayed fine on mobile devices.

WordPress ZoomTabs Features
HTML5 technology - zoomtabs uses the latest html5 techniques ( like History API ) to deliver a never seen before experience to your clients
fully responsive – looks great from mobile to HD
four skins – full skins to fit every brand
CSS3 technology - this player uses cutting-edge css3
WYSIWYG editor – easy for users to create, What You See Is What You Get editor comes to help
SCSS Powered - easy for developers to modify
Retina-ready - graphics have double resolution for smooth retina viewing
easy install – purchase, download the zip, read the docs
history api – enable the option for tabs to link directly via the HTML5 History API
unlimited colors – make it yours by setting the highlight color, and it’s all easy via a colorpicker
iPhone / iPad optimized – this gallery has been optimized for Apple touch devices
Android optimized – this component has been tested on Android 4.0 and works awesome
developer / SASS powered – this component’s CSS has been built on top of SASS which means SASS users will have an easy time modifying the skins. For non-SASS users it’s no problem either because CSS files ( generated by SASS ) are provided
100% css skinnable – want to make slight modifications to the skins ? The skins are 100% built from the css and it is very easy to edit with css knowledge
SEO friendly – built with search engine optimization on mind from the ground up, the Testimonial Rotator uses non hidden valid html markup to build the widget
sidebar widget – a widget is included so that the ZoomTabs and Accordions can be included in sidebars
compatible with all major browsers, including IE – compatible from IE7 to IE10, Chrome, Safari and Firefox

ZoomTabs and Accordions Reviews
ZoomTabs and Accordions FAQ
Is it possible to have more than one accordion on a page?
You can have unlimited accordions per page.
If I don’t want to convert the tabs to accordions at all, is there a solution? Simply force the plugin to stay in tab mode only.
In the shortcode generator just set the toggle breakpoint to something like 1. What this means is it will switch to accordion mode when width is smaller then 1px which is impossible.
AFTER I ADDED AN TAB TO A PAGE, HOW TO EDIT IT, ADD MORE DETAIL?
Select the whole shortcode in the visual editor

And click the shortcode generator button

It should let you edit the shortcode

I was wondering if this plugin works with custom post types?
Can be included in any post type – page / custom post type / normal post
When I use tabs on a page, can I place a button in the first tab that will link the user to the content of the second tab (without the need to refresh the page)? In other words, in stead of clicking on the tab to display its content, I want the user to be able to click a button that is displayed in the content area of the first tab, which will direct the user to the content of the second tab.
Yes, you can do that. Just insert this in the content.
<a href="#" onclick="document.getElementById('dzs-tabs0').api_goto_tab(1); return false;">Go to tab 2</a>
A simple quetion. How can I load de Accordion with no tab opened. It seams the default behavior is that the first tab gets opened and I can not find any setting to change this so NO tab its open.
Simple – just set start tab to -1
Hi one question. How many tabs i can create in one page, and can you show me look

It will look like this:

or this if tabs width is set to fullwidth

Updates

For updating, disable and delete the previous version, and install the new downloaded one. Or just unpack the zip you get from the download and overwrite the previous folder from wp-content/plugins/ via FTP

UPDATE 1.60 [ 12/16/2019 ]

[FIX] problem editing content in shortcode generator
[FIX] Gutenberg classic block support for shortcode generator

UPDATE 1.54 [ 04/18/2018 ]

[FIX] a problem with tabs in tabs
UPDATE 1.51 [ 10/21/2016 ]
[ADD] added skin-red
UPDATE 1.50 [ 08/17/2016 ]
[TWEAK] now if there is only tab on page, links will be shorter
[TWEAK] reworked shortcode generator foundation
UPDATE 1.40 [ 08/01/2015 ]
[ADD] auto refresh tab height option

UPDATE 1.21 [ 06/08/2014 ]

[ADD] extra CSS field in settings
[ADD] builder preview in preview site

UPDATE 1.20 [ 05/24/2014 ]

[ADD] tabs in tabs possibility
[ADD] tabs in tabs instructions in documentation
[ADD] new sidebar widget

UPDATE 1.10 [ 05/16/2014 ]

[ADD] delete tab option
[ADD] new Enable Linking method
[ADD] new Highlight color with colorpicker
[ADD] new Toggle or Accordion option
StandAlone jQuery Version
Other Great Plugins
Credits
fontawesome
responsivefilemanager