Bootstrap tab content not removing itself on clicking on other links in a nav

Question

So what\'s happening here is that I have 4 different tabs that change their content depending on which one is clicked (active). Everything works and the content is changing but