Title: Missing class=”responsive-tabs” in html
Last modified: August 8, 2019

---

# Missing class=”responsive-tabs” in html

 *  Resolved [anthonyw](https://wordpress.org/support/users/anthonyw/)
 * (@anthonyw)
 * [6 years, 10 months ago](https://wordpress.org/support/topic/missing-classresponsive-tabs-in-html/)
 * In the functions.php I am including the tabby shortcode in two places, one time
   it is working, the other not, using the same php code:
 *     ```
           $inner_short = '[tabby title="' . $tab->tabname . '"]';
           $out_all = $out_all . do_shortcode( $inner_short ) . $details;
       ```
   
 * There is a Tab loop and inner Details loop, creating $details based on database
   values.
    The full page is set up in the WordPress Editor and includes the shortcode:[
   allextractsauthors] which is referenced in the functions.php:
 *     ```
       add_shortcode( 'allextractsauthors', 'get_extracts_authors' );
       and the tabby code is called within function get_extracts_authors().
       ```
   
 * Testing with the $details set to an empty string, the working case results in:
 *     ```
       <div class="responsive-tabs">
       <h2 class="tabtitle">Western</h2>
       <div class="tabcontent">
   
       </div><h2 class="tabtitle">Far East</h2>
       <div class="tabcontent">
       ```
   
 * and so on, but the failing case results in:
 *     ```
       </div>
       <h2 class="tabtitle">Western</h2>
       <div class="tabcontent">
       ```
   
 * etc. that is, the <div class=”responsive-tabs”> is missing.
    Any ideas on what
   to look for to fix this?

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

 *  Plugin Author [cubecolour](https://wordpress.org/support/users/numeeja/)
 * (@numeeja)
 * [6 years, 10 months ago](https://wordpress.org/support/topic/missing-classresponsive-tabs-in-html/#post-11814946)
 * you haven’t mentioned the [tabbyending] shortcode being added – this is required
   to close off the final tab’s content and add some javascript.
 *  Thread Starter [anthonyw](https://wordpress.org/support/users/anthonyw/)
 * (@anthonyw)
 * [6 years, 10 months ago](https://wordpress.org/support/topic/missing-classresponsive-tabs-in-html/#post-11818548)
 * Both routes share the same tabby-ending:
 *     ```
       $out_all = $out_all . do_shortcode( '[tabbyending]' );
       ```
   
 * The main theme is ‘Rubber Soul’; I am extending that to my own child theme but
   have so far only added a functions.php and a JS script, no CSS changes. The $
   details section uses the ‘Accordion Shortcodes’ to display the data in html <
   table></table> format.
    I see that the resulting JS is missing all the responsive-
   tabs html, and is simply listing the titles one per line. It mentions a wpautop
   filter in the documentation. Could that be involved here?
 *  Plugin Author [cubecolour](https://wordpress.org/support/users/numeeja/)
 * (@numeeja)
 * [6 years, 10 months ago](https://wordpress.org/support/topic/missing-classresponsive-tabs-in-html/#post-11818600)
 * The div with the class “responsive-tabs” is a wrapper to the tab group so is 
   opened before the first tab, and closed after the final tab of the tab group.
 * If the tabs are not working, I would probably need to see the page source to 
   check the issue.
 * Can you post a link to a page on your site where I can see this?
 * If you are developing on a local server, it would be useful if you could clone
   the site to your hosting so I can see if there are any clues as to what is occuring.
 *  Thread Starter [anthonyw](https://wordpress.org/support/users/anthonyw/)
 * (@anthonyw)
 * [6 years, 10 months ago](https://wordpress.org/support/topic/missing-classresponsive-tabs-in-html/#post-11818915)
 * This is still in development on my home server, no hosting set up as yet. I will
   look into this.
 *  Thread Starter [anthonyw](https://wordpress.org/support/users/anthonyw/)
 * (@anthonyw)
 * [6 years, 10 months ago](https://wordpress.org/support/topic/missing-classresponsive-tabs-in-html/#post-11821004)
 * There is still lots to do to get the data together for the site, so it is too
   soon for the hosting. For now, I have reorganized the code to use the working
   route so it is running OK, but usually these errors return. When they do I will
   re-open this ticket. Thanks for your input.

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

The topic ‘Missing class=”responsive-tabs” in html’ is closed to new replies.

 * ![](https://ps.w.org/tabby-responsive-tabs/assets/icon-256x256.jpg?rev=2682041)
 * [Tabby Responsive Tabs](https://wordpress.org/plugins/tabby-responsive-tabs/)
 * [Frequently Asked Questions](https://wordpress.org/plugins/tabby-responsive-tabs/#faq)
 * [Support Threads](https://wordpress.org/support/plugin/tabby-responsive-tabs/)
 * [Active Topics](https://wordpress.org/support/plugin/tabby-responsive-tabs/active/)
 * [Unresolved Topics](https://wordpress.org/support/plugin/tabby-responsive-tabs/unresolved/)
 * [Reviews](https://wordpress.org/support/plugin/tabby-responsive-tabs/reviews/)

 * 5 replies
 * 2 participants
 * Last reply from: [anthonyw](https://wordpress.org/support/users/anthonyw/)
 * Last activity: [6 years, 10 months ago](https://wordpress.org/support/topic/missing-classresponsive-tabs-in-html/#post-11821004)
 * Status: resolved