Hola, copie el codigo del tutorial pero por alguna razon me da un error y no cierra el tab que se crea... El asunto es que si me funciono el cambio que hice. Espero le sirva.
Ejemplo de los tabs (donde dice hola.html, nada.html los reemplaza por sus paginas):
<ul id="documents">
<li><a href="hola.html" rel="Document1" title="This is the content of Document1">Document1</a></li>
<li><a href="nada.html" rel="Document2" title="This is the content of Document2">Document2</a></li>
</ul>
Recuerde que debe utilizar unicamente paginas alojadas en el mismo server... Osea, no puede decirle al metodo load que le cargue elhacker.net, etc.
La parte de JQuery quedaria asi (unicamente pongo las secciones que modifique):
$("#documents a").click(function(event) {
event.preventDefault();
addTab($(this));
});
La parte que dice:
$("#content").append("<p id='" + $(link).attr("rel") + "_content'>" +
$(link).attr("title") + "</p>");
La reemplaza por esto
(edito, este codigo corresponde a la funcion addTab):
$("#content").load($(link).attr("href"));
Bueno mi estimado, cualquier cosa me avisa. Saludos.