Active class on tab links gets out of sync

The 'active' class is applied to the element of a tab when clicked, however it is only removed when that same tab is clicked again. This can lead to multiple tabs having the active class.

Steps
1. Click on the Menu tab (Admin menu displayed; Menu has active class)
2. Click on the User tab (User Menu displayed; User & Menu have active class)
3. Click on the User tab again (No menu displayed; Menu still has active class)

I'm guessing the javascript needs to be updated so that when clicking on any tab, the active class must be removed from all other tabs as well as apply the active class to the clicked tab.