Title: Tabbed Content
Last modified: May 25, 2018

---

# Tabbed Content

 *  Resolved [Clayton Chase](https://wordpress.org/support/users/claytonchase/)
 * (@claytonchase)
 * [8 years ago](https://wordpress.org/support/topic/tabbed-content-2/)
 * Hey guys,
 * I was wondering if anyone has already done this but I’m basically trying to tab
   the content. It would default to A and if you select T it would load all the 
   T posts? If someone has already done this let me know!
 * Thanks,
    Clayton

Viewing 7 replies - 1 through 7 (of 7 total)

 *  Thread Starter [Clayton Chase](https://wordpress.org/support/users/claytonchase/)
 * (@claytonchase)
 * [8 years ago](https://wordpress.org/support/topic/tabbed-content-2/#post-10338040)
 * I figured it out for myself.
 * Just wrap the shortcode in a div and give it the id you want for your tabs.
 * `<div id="az-tabs">[a-z-listing taxonomy="conditions" display="terms"]</div>`
 * Then write your script:
 *     ```
       //jquery-ui-tabs
       jQuery(document).ready(function($) {
       jQuery( "#az-tabs" ).tabs();
       });
       ```
   
 * Now each letter will load as it’s own tab with jQuery.
    -  This reply was modified 8 years ago by [Clayton Chase](https://wordpress.org/support/users/claytonchase/).
 *  Plugin Author [Dani Llewellyn](https://wordpress.org/support/users/diddledani/)
 * (@diddledani)
 * [8 years ago](https://wordpress.org/support/topic/tabbed-content-2/#post-10341111)
 * That’s an interesting solution. In the next release I’ll add an extra div around
   the default template, and add your jQuery snippet as an opt-in on the short-code.
 * Be ready to remove your customisation when I release the new version, because
   the change _might_ confuse your site with the new div in the plugin conflicting
   with the extra div that you’re currently putting in the post-content.
 *  Thread Starter [Clayton Chase](https://wordpress.org/support/users/claytonchase/)
 * (@claytonchase)
 * [8 years ago](https://wordpress.org/support/topic/tabbed-content-2/#post-10341645)
 * I’ll keep an eye out for the update!
 *  [girdy74](https://wordpress.org/support/users/girdy74/)
 * (@girdy74)
 * [7 years, 8 months ago](https://wordpress.org/support/topic/tabbed-content-2/#post-10722180)
 * This was SUPER helpful and EXACTLY what I was looking for!
 * Just a note to all who need to implement this. Make sure you have the jQuery 
   UI script link in order to make the tabs work.
 * I used this in my header:
    `<script src="https://code.jquery.com/ui/1.12.1/jquery-
   ui.js"></script>`
 * If anyone has suggestions on what the link would be for the current version at
   all times or do you just need to update it.
 * You would place the code that claytonchase used after the script tag above. You
   need that to load first (script tag) I believe.
 * Please feel free to chime in (anyone) if you have better ways 😉
 *  Thread Starter [Clayton Chase](https://wordpress.org/support/users/claytonchase/)
 * (@claytonchase)
 * [7 years, 8 months ago](https://wordpress.org/support/topic/tabbed-content-2/#post-10722194)
 * Glad this helped! Also, you are right on about loading jQuery UI. Thanks for 
   adding that. I forgot in my original post!
 *  Plugin Author [Dani Llewellyn](https://wordpress.org/support/users/diddledani/)
 * (@diddledani)
 * [7 years, 8 months ago](https://wordpress.org/support/topic/tabbed-content-2/#post-10722496)
 * aww, shucks, you guys, thanks for helping each other out *hug* love you all for
   being awesome people!
 * I failed with getting the right script URL in the 2.0.0 update, but it’ll be 
   fixed in 2.1.0 *pinky swear* :-p
 *  [girdy74](https://wordpress.org/support/users/girdy74/)
 * (@girdy74)
 * [7 years, 8 months ago](https://wordpress.org/support/topic/tabbed-content-2/#post-10723013)
 * This is an AWESOME plugin Daniel!! THANK YOU!!!
 * And thanks for confirming Clayton 😉

Viewing 7 replies - 1 through 7 (of 7 total)

The topic ‘Tabbed Content’ is closed to new replies.

 * ![](https://s.w.org/plugins/geopattern-icon/a-z-listing_d8edfd.svg)
 * [A-Z Listing](https://wordpress.org/plugins/a-z-listing/)
 * [Frequently Asked Questions](https://wordpress.org/plugins/a-z-listing/#faq)
 * [Support Threads](https://wordpress.org/support/plugin/a-z-listing/)
 * [Active Topics](https://wordpress.org/support/plugin/a-z-listing/active/)
 * [Unresolved Topics](https://wordpress.org/support/plugin/a-z-listing/unresolved/)
 * [Reviews](https://wordpress.org/support/plugin/a-z-listing/reviews/)

 * 7 replies
 * 3 participants
 * Last reply from: [girdy74](https://wordpress.org/support/users/girdy74/)
 * Last activity: [7 years, 8 months ago](https://wordpress.org/support/topic/tabbed-content-2/#post-10723013)
 * Status: resolved