Title: Advanced Custom Fields: Accordion Tab Field Author: bogdand Published: April 6, 2015 Last modified: April 17, 2016 --- Search plugins ![](https://ps.w.org/acf-accordion/assets/banner-772x250.png?rev=1129024) This plugin **hasn’t been tested with the latest 3 major releases of WordPress**. It may no longer be maintained or supported and may have compatibility issues when used with more recent versions of WordPress. ![](https://ps.w.org/acf-accordion/assets/icon.svg?rev=1129024) # Advanced Custom Fields: Accordion Tab Field By [bogdand](https://profiles.wordpress.org/bogdand/) [Download](https://downloads.wordpress.org/plugin/acf-accordion.zip) * [Details](https://wordpress.org/plugins/acf-accordion/#description) * [Reviews](https://wordpress.org/plugins/acf-accordion/#reviews) * [Installation](https://wordpress.org/plugins/acf-accordion/#installation) * [Development](https://wordpress.org/plugins/acf-accordion/#developers) [Support](https://wordpress.org/support/plugin/acf-accordion/) ## Description The ACF Accordion provides an easy way to organize big forms by grouping the fields in accordion tabs. It works with horizontal tabs and it also supports WordPress icons. Please contribute here https://github.com/bvdr/acf-accordion #### Compatibility This ACF field type is compatible with: * ACF PRO * ACF 5 * ACF 4 ## Screenshots * [[ * This is an example of how the accordion works in an option menu created with ACF ## Installation 1. Copy the `acf-accordion` folder into your `wp-content/plugins` folder 2. Activate the Accordion Tab plugin via the plugins admin page 3. Create a new field via ACF and select the Accordion Tab type 4. Please refer to the description for more info regarding the field type settings ### Including it in theme ACF Accordion can be included in the theme by using the `acf/accordion/dir` filter. Here is an example ``` `php ``` include_once( ‘includes/acf-accordion/acf-accordion.php’ ); add_filter( ‘acf/accordion/dir’, ‘acf_accordion_dir’ ); function acf_accordion_dir( $dir ) { $dir = get_template_directory_uri() . ‘/includes/acf-accordion/’; return $dir; } ` ## Reviews ![](https://secure.gravatar.com/avatar/eaba28f2614f49b8d18e7599fbd40503025b67f874cb338067a6316548b75f60? s=60&d=retro&r=g) ### 󠀁[This one made me buy ACF pro today for 25 A$. Brilliant](https://wordpress.org/support/topic/this-one-made-me-buy-acf-pro-today-for-25-a-brilliant/)󠁿 [Nihad Nagi](https://profiles.wordpress.org/nihadnagi/) September 3, 2016 I am developing on wp-types on a life subscription, but the number of fields plugins available, made me rethink for a smoother UI for my clients, this one stood out, actually I bought ACF on full throttle today, especially for this one, saving us alot of JS in the background and much on styling, now it’s a piece a cake. Good luck keep it up. ![](https://secure.gravatar.com/avatar/e75462b461738a4a74d322557924c6ed8b65db277ddd09d924f71e88089678d5? s=60&d=retro&r=g) ### 󠀁[Dang. So Close](https://wordpress.org/support/topic/dang-so-close/)󠁿 [broodi](https://profiles.wordpress.org/broodi/) September 3, 2016 Man I love this plugin, BUT the Google Map and Google Map Extended wont show up after the first time you put it in. Works fine the first time, but the map disappears from the admin view after the initial time you put it in. (at least in Chrome 50. x and Firefox 46 on Mac) Everything works fine on the front-end. ALSO: it would be good if the ‘panels’ for the accordion had a different background color and hover color. It would be awesome if that was ‘color-pickable’. I will keep looking for an update. good job. I’m gonna live with it for now. ![](https://secure.gravatar.com/avatar/1871d9c18732f2067a6e1a867c26068f7e951d779937618fb51184b877f8736b? s=60&d=retro&r=g) ### 󠀁[Simple and Nice](https://wordpress.org/support/topic/simple-and-nice-29/)󠁿 [deb](https://profiles.wordpress.org/debendra/) September 3, 2016 Its simple and powerful, i liked it. ![](https://secure.gravatar.com/avatar/31d1bbfe0223eeb531a3282fa1ba4e94dc8b5a3399c092c1c3ffea73e211e2ca? s=60&d=retro&r=g) ### 󠀁[Very nice](https://wordpress.org/support/topic/very-nice-585/)󠁿 [Surendra Shrestha](https://profiles.wordpress.org/nepsure/) September 3, 2016 It’s pretty good one. Well done! ![](https://secure.gravatar.com/avatar/2e08023fe3fecf48524491fdaf75ebaf2f9c001ef519a8436cb6ab96293b509e? s=60&d=retro&r=g) ### 󠀁[Fantastic plugin](https://wordpress.org/support/topic/fantastic-plugin-453/)󠁿 [Gabriel Reguly](https://profiles.wordpress.org/gabriel-reguly/) September 3, 2016 Does what it says. Thanks for it. Cheers, Gabriel [ Read all 6 reviews ](https://wordpress.org/support/plugin/acf-accordion/reviews/) ## Contributors & Developers “Advanced Custom Fields: Accordion Tab Field” is open source software. The following people have contributed to this plugin. Contributors * [ bogdand ](https://profiles.wordpress.org/bogdand/) * [ dreihochzwo ](https://profiles.wordpress.org/tmconnect/) [Translate “Advanced Custom Fields: Accordion Tab Field” into your language.](https://translate.wordpress.org/projects/wp-plugins/acf-accordion) ### Interested in development? [Browse the code](https://plugins.trac.wordpress.org/browser/acf-accordion/), check out the [SVN repository](https://plugins.svn.wordpress.org/acf-accordion/), or subscribe to the [development log](https://plugins.trac.wordpress.org/log/acf-accordion/) by [RSS](https://plugins.trac.wordpress.org/log/acf-accordion/?limit=100&mode=stop_on_copy&format=rss). ## Changelog #### 1.1.1 – April 17, 2016 * [Fix] multi tabs not working with accordion, tab after accordions showing empty; #### 1.1.0 * [Fix] styling in ACF5 free version; * [Fix] gallery crashing in accordion tab; * [Fix] google map crashing in accordion tab; * [Fix] repeater field crashing in accordion tab; * [Add] support for ACF-Column-Field, contribution by Thomas Meyer; * [Add] add icon picker in admin section, contribution by Thomas Meyer; * [Add] refactored the accordion script, contribution by Thomas Meyer; #### 1.0.2 * [Fix] Tabs after accordion not showing in latest version of ACF; #### 1.0.1 * [Add] support for V4; * [Add] ‘acf/accordion/dir’ filter to allow the plugin to be integrated in themes; #### 1.0.0 * It works! ## Meta * Version **1.1.1** * Last updated **10 years ago** * Active installations **900+** * WordPress version ** 3.5 or higher ** * Tested up to **4.5.33** * Tags * [Accordion](https://wordpress.org/plugins/tags/accordion/)[acf](https://wordpress.org/plugins/tags/acf/) [advanced custom fields](https://wordpress.org/plugins/tags/advanced-custom-fields/) [options](https://wordpress.org/plugins/tags/options/)[tabs](https://wordpress.org/plugins/tags/tabs/) * [Advanced View](https://wordpress.org/plugins/acf-accordion/advanced/) ## Ratings 4.8 out of 5 stars. * [ 4 5-star reviews ](https://wordpress.org/support/plugin/acf-accordion/reviews/?filter=5) * [ 1 4-star review ](https://wordpress.org/support/plugin/acf-accordion/reviews/?filter=4) * [ 0 3-star reviews ](https://wordpress.org/support/plugin/acf-accordion/reviews/?filter=3) * [ 0 2-star reviews ](https://wordpress.org/support/plugin/acf-accordion/reviews/?filter=2) * [ 0 1-star reviews ](https://wordpress.org/support/plugin/acf-accordion/reviews/?filter=1) [Your review](https://wordpress.org/support/plugin/acf-accordion/reviews/#new-post) [See all reviews](https://wordpress.org/support/plugin/acf-accordion/reviews/) ## Contributors * [ bogdand ](https://profiles.wordpress.org/bogdand/) * [ dreihochzwo ](https://profiles.wordpress.org/tmconnect/) ## Support Got something to say? Need help? [View support forum](https://wordpress.org/support/plugin/acf-accordion/) ## Donate Would you like to support the advancement of this plugin? [ Donate to this plugin ](http://goo.gl/1w6rU0)