Bootstrap Tabs Dynamic

A framework for adding, remove, renaming and in general handling Twitter Bootstrap Tabs through JavaScript.

Usage and examples

Require the single JavaScript file.

tabs = $("ul.nav-tabs")
tabs.addBSTab("id_of_tab", "Tab title", "<b>Content</b>")

You can also add it by an element already defined (maybe as hidden?):

tabs.addBSTab("id_of_tab", "Tab title", $("#my_element_id"))

tab = tabs.getBSTabByID("id_of_tab")
tab.removeBSTab()

tab = tabs.getBSTabByID("id_of_tab")
tab.renameBSTab("New title")

a.click(function(){
  tab = $(this).currentBSTab()
})

a.click(function(){
  tab_id = $(this).currentBSTabID()
})

tabs = $("ul.nav-tabs#TAB");         
tabs.addBSTabContent("id_of_tab", "<p>addBSTabContent</p>")