Linking to tabs works great if the link is one on page (say test.shtml) and the tab is on another page (say index.shtml).

If I am on index.shtml and I have text on tab 1 that links to tab 2 (also on the index page), how do I do that?

Upon implementing the new instructions, the URL changes to the appropriate tab but the content on the page doesn't switch to the new tab.

Thanks!

Hello. I would very much like to nest the vertical tabs within the horizontal ones. For example, I'd like to have a row of 6 horizontal tabs, and inside each of those would like a column of 8 vertical tabs. Can you think of an easy way to do this? I've tried it myself but haven't had any luck.

Thanks.

Hi @samsono,

First of all, thank you so much for such a great plugin.

I am following your instructions but I must be doing something wrong.

I was wondering if you could possibly include an a couple of links-to-tabs in the index.html so they can serve as examples.

Thanks.

Best Regards

I have a tabs that are dynamically loaded and I want to set one of them as the default one.

I added class="resp-tab-active" to the list item to be opened by default. However, this didn't work. I tried putting the item at the beginning of the list which works only if there are more than 1 items in the list.

Converted CSS to Sass/SCSS for easier import into Sass projects, abstraction for easier theming, configuration for usage variation. Cleaned up repetitive/loose styles. Moved body styles to demo index styles. Configurable sass to turn on/off horiztontal/vertical/accordion styles.

I think this is related to the "Open a specific tab using a link" issue that is already closed...

I have some navigation items on the homepage of a site. Each item (or Problem) links to a specific tab (or Solution) within a single Solutions page. Each tab is a solution to a different problem.

How can I do this so that when a Problem link is clicked the corresponding Solution tab is open when the page loads?

I am somewhat familiar with jQuery but I am by no means an expert. The answer to the previous issue similar to mine did not resolve my problem. Thanks for your help. These tabs are great!

In css/easy-responsive-tabs.css the body tag gets styled with a background and font-family. This breaks styling in (for example) my admin theme on certain pages. I suggest removing this body styling.

Hi! I'm looking for a way to keep all tabs closed on load but in accordion mode only. Horzontal mode must stay open on load. Any help will be much apreciate. Thank's.

Would it be possible to extend the plugin, so that it is possible to link directly to a content with using the title for the anchor link instead of the number?

Example Three Tabs with the names: Cars, Bikes, Planes If I Like to link to Bikes I would use http://yoursite.com/tabs.html#{TAB ID}2

I think the plugin would be more flexible and SEO friendly if it would be possilbe to link to http://yoursite.com/tabs.html#Bikes instead.

Do you think this is possible?

Is it possible to add such a function would be handy sometimes necessary to activate the table by number or ID example: a href='tabs.html#2"> open second tab

I think you got something nice here. It would be really cool to be able to remember the last tab you were on by updating the URL hash when you click on a tab. Maybe even being able to update a hidden field with the hash as well so you can stay on that tab when you submit a form. Keep up the good work!

Uncaught TypeError: $(...).tooltip is not a function at HTMLDocument. (main.js:117) at j (jquery-2.1.4.min.js:2) at Object.fireWith [as resolveWith] (jquery-2.1.4.min.js:2) at Function.ready (jquery-2.1.4.min.js:2) at HTMLDocument.I (jquery-2.1.4.min.js:2) listingKod:242 Uncaught TypeError: $(...).easyResponsiveTabs is not a function at HTMLDocument. (listingKod:242) at i (jquery.min.js:2) at Object.fireWith [as resolveWith] (jquery.min.js:2) at Function.ready (jquery.min.js:2) at HTMLDocument.K (jquery.min.js:2)

If you close opened accordion and then resize window, the last active accordion will be opened again and if you try to close it, it will close and then opens. This happens becouse the author remove attribute from tabs on line 217 $respTabs.find('.resp-accordion-closed').removeAttr('style');

To fix this all you have to do is to check window width, if it's more than the brakpoint when tabs becomes accrodion. in my case this breakpoint eqauls to 767px, so i check it like this $(window).on('resize', function () { if ( $(window).width() > 767 ) { $respTabs.find('.resp-accordion-closed').removeAttr('style'); } });

on CSS, i see this code

body { margin: 0px; padding: 0px; background: #f5f5f5; font-family: 'Segoe UI'; }

i think, this code if for general style, so not included on this plugin i'm advice to split it to other css file

Is there a way to link a chosen tab to an external link instead of one of the tabs? I have a set of tab links which work well but now my client want to link one of those tabs directly to a URL instead of showing the content within a tabbed panel.

So, something like this:

<ul class="resp-tabs-list">
    <li>Link One</li>
    <li>Link Two</li>
     <li><a href="https://www.google.com/" target="_blank">Link Three</a></li>
    <li>Link Four</li>
  </ul>

If I take out the <li> wrapping the external link it works, however, on mobile it does not show on the accordion.