Tab content appended to other tabs

  • Resolved gcasalett

    (@gcasalett)


    7 years, 4 months ago

    Hello! First of all, thanks for this super useful plugin. I am having an issue which I hope won’t be a huge deal. I have a page with four tabs. It all works fine when you go one by one, but sometimes, the content from other tabs starts getting appended. Here’s the test URL:

    casalett.net/esor/ways-to-give/

    The easiest way to replicate is to click through the tabs one by one, and then go back through them in reverse order. By the time you get back to tab 1, it contains the content of all the other tabs.

    Thanks in advance!

Viewing 3 replies - 1 through 3 (of 3 total)
  • Plugin Contributor Gregor Capuder

    (@capuderg)

    Hi,

    I’ve never seen this issue before with our tabs widget.

    It looks like some other JS code is interfering with the widget and so it’s not clearing the previous active tabs… (it’s not clearing the active and in classes).

    I think this code below, should fix your issue.

    
<script>
jQuery('.pt-tabs a[data-toggle="tab"]').on('show.bs.tab', function (e) {
  jQuery( e.target ).closest( '.pt-tabs' ).find( '.pt-tabs__content .tab-pane' ).removeClass( 'in active' );
});
</script>

    Try adding this code below the tabs widget on this test page in a Text widget (in the text editor mode).

    Let me know how it goes.

    Take care!

    Thread Starter gcasalett

    (@gcasalett)

    You are a rock star! This absolutely fixed it. Thank you so much for the support, and thanks again for the great plugin!

    Plugin Contributor Gregor Capuder

    (@capuderg)

    Hi @gcasalett,

    I’m glad your issue is fixed ??

    If you like our plugin, please rate it here: https://www.ads-software.com/support/plugin/tabs-widget-for-page-builder/reviews/

    Have a nice day!

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Tab content appended to other tabs’ is closed to new replies.

Tags