Add support for data-toggle="tab" links outside of the Tabs' Nav

Created by: JumpY2k3

Hello, I am trying to build a webpage with a navbar and different tabs in it. I build the following codesnippet: http://jsbin.com/nikakararo/edit?html,output

The navbar is good working, but I have one problem: When you click first to the Button "Alle", you will the the tab for this. In this is a clickable text and this should change the tab to something other. In this case it is the word "Zangen", if you click on it, you will see the tab content of "Werkzeuge -> Zangen" but the Button "Alle" is still selected. Now it is the problem, that I can't click again to "Alle" to see this tab content again. The pages thinks that "Alle" is still clicked :/

What would be the correct way to change to another tab when clicking on text or pictures or something else? Is it possible to "manipulate" the active tab in the navbar or is it possible to "simulate" a click on it? I think it would be an easy work for you, but I can't find any solution

Regards