[jQuery] Pasar parametros a funcion?

[vengiss]

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!

[eall]

quizá podrías extraer el id desde el id del link

Código javascript:

$(function(){
        $('#campo').load('load.php');
        $('#campo').hide();
    });
 
$(function(){
        $('a#link').toggle(function(){
                        var sId = $(this).attr("id").split("_");
            $('#campo' + sId[1]).slideDown('slow');
            }, function(){
                        var sId = $(this).attr("id").split("_");
            $('#campo' + sId[1]).slideUp('slow');
        });
    });
 

y en el link le colocas un "_" para separar la palabra link del ID

exito.

[vengiss]

Hola amigo eall,

Modifique el codigo de la siguiente manera

Código:

      $(function(){
	      var sId = $('a.link').attr("id").split("_");
              $('#campo' + sId[1]).load('load.php');
              $('#campo' + sId[1]).hide();
          });

      $(function(){
              $('a.link').toggle(function(){
                              var sId = $(this).attr("id").split("_");
                  $('#campo' + sId[1]).slideDown('slow');
                  }, function(){
                              var sId = $(this).attr("id").split("_");
                  $('#campo' + sId[1]).slideUp('slow');
              });
          });

Lamentablemente solo me muestra el primer registro, porque solo esta cargando en el primer load, si coloco un texto de prueba dentro del div puedo ver que el resto del script funciona perfectamente, hay alguna manera de decir dentro de un ciclo por ejemplo que carge todas las paginas dentro de los div campo1, campo2 etc y las oculte?

Gracias.

EDIT: Ya logre solucionarlo modificando el primer segmento de codigo a lo siguiente y agregando la clase campo al div:

Código:

$(function(){
	      $('.campo').each(function(i){
              $(this).load('load.php');
              $(this).hide();
			  });
          });

Espero les sirva de ayuda a todos!