Bueno, vamos una vez más.
Vos inicialmente tenías esto (lo pongo simplificado)
Código Javascript
:
Ver originalvar activeTab = $(this).find("a").attr("href");
$(activeTab).show();
y en el html vamos a trabajar como ejemplo con solo 2 links y su correspondiente contenido
Ahora, que hace la script, identifica el elemento tomando el href del link, y simplemente lo muestra, es decir el href=#tab1 muestra el class tab_content de id tab1, y asi con el resto. pero si te fijás los contenidos ya están escritos en la propia página, 1 y 2. En ningún momento llamás archivos externos.
Después como ejemplo decis
clic en ayuda1 vaya a ayuda1.php el 2 cargue el 2 y asi el resto
Entonces aqui va mi modificación
En la script creo una variable que lee el atributo title de los links superiores
Código Javascript
:
Ver originalvar contenidoTab = $(this).find("a").attr("title");
si te fijás en el html le agregué
<li><a href="#tab1"
title="ayuda1">1</a></li>
<li><a href="#tab2"
title="ayuda2">2</a></li>
luego tomo ese valor y lo uso para hacer el load() (que en jQuery sirve para cargar una página externa en un div de la propia página, eso es ajax)
eso lo hace esta linea
Código Javascript
:
Ver original$(activeTab).load(contenidoTab +".html");
la única diffrencia es que para mi ejemplo usé archivos .html, es decir esto
contenidoTab +".html
se traducirá en ayuda1.html, ayuda2.html y asi sucesivamente construyendo ese nombre de archivo del title más la extensión, obviamente esos archivos tenes que crearlos y ponerles el contenido que corresponda
Y el ejemplo que te gejé en mi server demuestra que funciona correctamente.
Lo que pasa es que después te apareces con esto
y sinceramente no tiene nada que ver con lo que decís que querés al principio, y ahi viene el enojo, porque transforma en una pérdida de tiempo todo lo previo.
Esto no funciona por repetición ó copiando y pegando, tenés que tener un conocimiento mínimo de lo que hacés
Se entiende
Saludos