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

External Link #120

Closed Ginuc closed 7 years ago

Ginuc commented 7 years ago

i need one tag redirect to external link Like this, is there any solution for this

<ul>
        <li><a href="#tab-1"> .... </a></li>
        <li><a href="#tab-2"> .... </a></li>
        <li><a href="https://github.com/jellekralt/Responsive-Tabs/issues/new"> .... </a></li>
    </ul>
jellekralt commented 7 years ago

Unfortunately this is not possible right now

Ginuc commented 7 years ago

Haii thank you for your response. i used this method for extrenal link. But the disabled li is not showing in responsive layout.

<ul>
        <li><a href="#tab-1"> .... </a></li>
        <li><a href="#tab-2"> .... </a></li>
         <li><a href="#tab-3"> .... </a></li>
        <li><a href="#" onclick="window.open('https://github.com/jellekralt/Responsive-Tabs/', '_self');"> .... </a>
</li>
    </ul>
<script type="text/javascript">
$('#horizontalTab').responsiveTabs({
 disabled: [3],
});
</script>
jellekralt commented 7 years ago

Like I said, this is not possible. If you want that hack to work, you'd have to put in a correct id reference in the href.