Hola, actualmente tengo el siguiente script:
Código:
$(function(){
$('#campo').load('load.php');
$('#campo').hide();
});
$(function(){
$('a#link').toggle(function(){
$('#campo').slideDown('slow');
}, function(){
$('#campo').slideUp('slow');
});
});
Basicamente lo que hace es mostrar el contenido de mi pagina load.php en un div y mostrarlo u ocultarlo al hacer click en un link, el problema es que quiero implementar esta misma funcionalidad a una aplicación mas grande y en esta los 'div' donde quiero mostrar las paginas no tienen ids constantes, sino que por ejemplo se llaman de la siguiente manera:
Código HTML:
<div id="campo<?=arrTable[$i]['id']?>"></div><a id="link<?=arrTable[$i]['id']?></a>"
Donde arrTable es un arreglo que almacena una serie de registros de una base de datos (quedando como id del div campo1, campo2, campo3, etc) igual que para el link.
Actualmente muestro la pagina de la siguiente manera:
Código:
function mostrarLoad(id){
$('#campo'+id).load('prueba.php');
}
Agregando en la propiedad href del link "Javascript
: mostrarLoad(<?=arrTable[$i]['id']?>);"
Pero quisiera saber si me pudieran ayudar a lograr el efecto que les mencione al principio sin necesidad de incorporar la funcion dentro del href..
Saludos!
