no aun no puedo el código es este...
$(document).ready(function() {
$("#documents a").click(function() {
addTab($(this));
});
$('#tabs a.tab').live('click', function() {
var contentname = $(this).attr("id") + "_content";
$("#content p").hide();
$("#tabs li").removeClass("current");
$("#" + contentname).show();
$(this).parent().addClass("current");
});
$('#tabs a.remove').live('click', function() {
var tabid = $(this).parent().find(".tab").attr("id");
var contentname = tabid + "_content";
$("#" + contentname).remove();
$(this).parent().remove();
if ($("#tabs li.current").length == 0 && $("#tabs li").length > 0) {
var firsttab = $("#tabs li:first-child");
firsttab.addClass("current");
var firsttabid = $(firsttab).find("a.tab").attr("id");
$("#" + firsttabid + "_content").show();
}
});
});
function addTab(link) {
if ($("#" + $(link).attr("rel")).length != 0)
return;
$("#tabs li").removeClass("current");
$("#content p").hide();
$("#tabs").append("<li class='current'><a class='tab' id='" +
$(link).attr("rel") + "' href='#'>" + $(link).html() +
"</a><a href='#' class='remove'><img src='css/img/x.png' /></a></li>");
// aqui carga el contenido, extrayendo el atributo titulo como contenido de la pestaña correspondiente
$("#content").append("<p id='" + $(link).attr("rel") + "_content'>" +
$(link).attr("title") + "</p>");
$("#" + $(link).attr("rel") + "_content").show();
}
<li id="btn_menu"><a href="#" rel="uno" title="uno, uno, uno">pestaña uno
</a></li> <li id="btn_menu"><a href="#" rel="dos" title="dos, dos, dos">pestaña dos
</a></li> <li id="btn_menu"><a href="#" rel="tres" title="tres, tres, tres">pestaña tres
</a></li> <li id="btn_menu"><a href="#" rel="cuatro" title="cuatro, cuatro, cuatro">cuatro
</a></li> <li id="btn_menu"><a href="#" rel="cinco" title="cinco, cinco, cinco"> pestaña cinco
</a></li>
al poner la pagina de destino en href me carga completa, declarando event.preventDefault(); previamente