Support » Plugins and Hacks » .active class not removed from inactive tabs

.active class not removed from inactive tabs

  • Just installed the plugin as well as the bootstrap css + js. When I click on a new tab the .active class is not being removed from the inactive tab(s).

    So, once you click all the tabs (I have 5 on my test page), they all continue to have the .active class although the most recently clicked tab is in the front.

    How can I fix this?


Viewing 4 replies - 1 through 4 (of 4 total)
  • Plugin Author Virtus Designs


    Can you give me a link to your site so I can check it out?

    Plugin Author Virtus Designs


    What theme are you using? I looked at your tabs with Firebug but didn’t see anything that jumped out that could be causing the error. Are you using a bootstrap based theme?

    I’m using the Bones starter theme. There’s no bootstrap built in but I noticed the main nav menus have some of the same classes/ids as the bootstrap tabs. That said I have used your plugin on another site built with Bones and did not have a problem.

    One thing I noticed in the js that gets loaded is that it tries to add/remove the .active class like so:

    function next() {
              .find('> .dropdown-menu > .active')

    .dropdown-menu is not found within the tabs HTML markup anywhere. It should be finding .nav-tabs li.active (or something similar)

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘.active class not removed from inactive tabs’ is closed to new replies.