Adicionando e removendo abas / comprimidos de bootstrap do twitter - jquery, twitter-bootstrap

Eu gostaria de usar o bootstrap "s construído em guiasmeu site, mas preciso que os usuários possam adicionar ou remover as guias. Eu vi várias demos de abas jqueryUI que permitem ao usuário adicioná-las ou removê-las, e eu sei que as abas do bootstrap são jquery, então eu sei que deve ser um script bem fácil para adicionar essa funcionalidade, mas eu posso " Você sabe como fazer isso?

Respostas:

Guias são ativadas individualmente, então você deve ser capaz de simplesmente adicionar / remover o elemento do DOM e chamar $().tab("show").

Vamos dizer que você tem guias existentes:

<div class="tab-content">
<div class="tab-pane" id="existingTab">..</div>
</div>

Exemplo de adição de uma nova guia:

$(".tab-content")
.append(
$("<div></div>")
.addClass("tab-pane")
.attr("id", "newTab")
);

$("#newTab").tab("show");

Isso fará com que uma nova guia apareça.