I have two instances of Bootstrap Tabs on one page (using the understrap theme and a child theme). I’ve updated the two tab groups to have different IDs but for some reason (haha) the second instance of the Bootstrap Tabs, the first tab’s content never goes away. This is because the active/show classes never get removed when the other tabs are clicked.

I have two instances of Bootstrap Tabs on one page (using the understrap theme and a child theme). I’ve updated the two tab groups to have different IDs but for some reason (haha) the second instance of the Bootstrap Tabs, the first tab’s content never goes away. This is because the active/show classes never get removed when the other tabs are clicked.

I have two instances of Bootstrap Tabs on one page (using the understrap theme and a child theme). I’ve updated the two tab groups to have different IDs but for some reason (haha) the second instance of the Bootstrap Tabs, the first tab’s content never goes away. This is because the active/show classes never get removed when the other tabs are clicked.

I have two instances of Bootstrap Tabs on one page (using the understrap theme and a child theme). I’ve updated the two tab groups to have different IDs but for some reason (haha) the second instance of the Bootstrap Tabs, the first tab’s content never goes away. This is because the active/show classes never get removed when the other tabs are clicked.

I have two instances of Bootstrap Tabs on one page (using the understrap theme and a child theme). I’ve updated the two tab groups to have different IDs but for some reason (haha) the second instance of the Bootstrap Tabs, the first tab’s content never goes away. This is because the active/show classes never get removed when the other tabs are clicked.