search

jellekralt / Responsive-Tabs

Responsive Tabs is a jQuery plugin that provides responsive tab functionality. The tabs transform to an accordion when it reaches a CSS breakpoint. You can use this plugin as a solution for displaying tabs elegantly on desktop, tablet and mobile.
http://jellekralt.github.io/Responsive-Tabs/
MIT License
531 stars 228 forks source link

multiple tabs on one side #94

Closed cayoumedia closed 8 years ago

cayoumedia commented 8 years ago

Hello there, you can display multiple tabs on a page?

example:

</p> <div id="tabs1"> <ul> <li><a href="#tab-1"></li> <li><a href="#tab-2"></li> <li><a href="#tab-3"></li> </ul> <div id="tab-1">1</div> <div id="tab-2">2</div> <div id="tab-3">3</div> </div> <div id="tabs2"> <ul> <li><a href="#tab-4"></li> <li><a href="#tab-5"></li> <li><a href="#tab-6"></li> </ul> <div id="tab-4">4</div> <div id="tab-5">5</div> <div id="tab-6">6</div> </div> <p>

jellekralt commented 8 years ago

Do you mean having multiple instances? In that case you can just reference them with a jQuery selector. Example:

<div id="tabs1">...</div>
<div id="tabs2">...</div>
$('#tabs1,#tabs2').responsiveTabs();
cayoumedia commented 8 years ago

yes thanks!

jellekralt commented 8 years ago

You're welcome!

Btw, you could of course also use

<div class="tabs">...</div>
<div class="tabs">...</div>
$('.tabs').responsiveTabs();

Which is a bit more scalable :)