Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

tabby.toggleTab() prevents from clicking previous active tab

See original GitHub issue

Title says it all 😃

Steps to reproduce using the Unstructured list tabs:

Go to http://cferdinandi.github.io/tabby
In the Unstructured list click on Seasons
Tab now changes to seasons
Open the Console
Execute the code tabby.toggleTab('#tab2')
The page now shows


Ice Cream

Chocolate, vanilla or strawberry?

Click on the Seasons tab
Nothing happens
Click on Superheroes
This works
Click on Seasons tab
Now this works as well

Issue Analytics

State:
Created 6 years ago
Comments:8 (4 by maintainers)

Top GitHub Comments

3reactions

roland-dcommented, Sep 19, 2017

@cferdinandi Just wanting to give this a friendly nudge 😃 Since you said it is a fairly simple fix, is there anything I could put in as a quick fix? Thanks.

0reactions

cferdinandicommented, Mar 5, 2019

Fixed with v12: https://github.com/cferdinandi/tabby/releases/tag/v12.0.0

Top Results From Across the Web

Bootstrap 3 How to Prevent Active Tab from Closing on Click

I have tried doing something like this thinking I could catch the clicks and over-ride the behavior but this didn't work. $('.nav-tabs.active').

Navs - Bootstrap

nav-tabs class to generate a tabbed interface. Use them to create tabbable regions with our tab JavaScript plugin. Active; Link; Link; Disabled.

Building accessible user interface tabs in JavaScript

Here's everything you need to know to create an accessible tabbed user interface: HTML structure, CSS styling, and JavaScript enhancements.

Bootstrap JS Tab Reference - W3Schools

JS Tab (tab.js). Tabs are used to separate content into different panes where each pane is viewable one at a time. For a...

Tabs | Components - BootstrapVue

The tabs component is built upon navs and cards internally, and provides full ... <div> <b-tabs content-class="mt-3"> <b-tab title="First" active><p>I'm the ...