[SOLUCIONADO] Asignar Funcion ha elemento HTML generado por PHP

[BlackJccl1]

hola a todo como están no se si alguien por aquí ha tenido el mismo problema que yo veran tengo un script en php que me genera html de la siguiente manera

Código PHP:

$n=1;
while($r=@mysql_fetch_assoc($q)){
$cad.='<a id="me_info_complementaria'.$n.'" style="float:right; margin-top:3%;margin-right:-14%">+</a>
<div id="me_info_complementaria_contacto'.$n.'"></div>';
    $n++;
}
 

ahora bien tengo un funcion en jquery de la siguiente manera

Código Javascript:

$(document).ready(function() {
  $('#me_info_complementaria1').toggle(
    function(e){
      $('#me_info_complementaria_contacto1').slideUp();
      $(this).text('+');
      e.preventDefault();
    },
    function(e){
      $('#me_info_complementaria_contacto1').slideDown();
      $(this).text('-');
      e.preventDefault();
  });
});
 

lo pruebo y no realiza nada pero lo probe desde la consola de chrome y si lo hace no se porque el jquery no ve el html que genera el while o que estoy haciendo mal

[sintel_1]

Hola.

Segun que version de jQuery estes usando el metodo toggle() ya no esta soportado,
si es asi tendrias que añadirle esta libreria despues de la de jquery:

<script src="https://code.jquery.com/jquery-migrate-1.2.1.min.js"></script>

y si no puedes hacerlo con un evento click y un if

Código Javascript:

$('#me_info_complementaria1').click(
        function(e){
        if($(this).text() == '-'){
          $('#me_info_complementaria_contacto1').toggle(1000);
          $(this).text('+');
          } else {
          $('#me_info_complementaria_contacto1').toggle(1000);
          $(this).text('-');
          }
          e.preventDefault();
         });
 

saludos

[BlackJccl1]

Hola y gracias por responder lo probé y funciona ahora mi dilema esta si vez en el while del php le agrega un numero al id

Código PHP:

while($r=@mysql_fetch_assoc($q)){
$cad.='<a id="me_info_complementaria'.$n.'" style="float:right; margin-top:3%;margin-right:-14%">+</a>
<div id="me_info_complementaria_contacto'.$n.'"></div>';
    $n++;
}
 

es decir el id seria +- asi me_info_complementaria1 y lo mismo para el div asi me_info_complementaria_contacto1 y así sucesivamente y tendria que hacer una funcion para cada id que genere el php lo optimo seria con un ciclo pensé en un FOR pero no tengo ni idea de como hacerlo

[sintel_1]

Hombre no hace falta que hagas una funcion por cada id

Puedes usar un selector que capture el evento click en los identificadores que empiecen por "me_info_complementaria" y de ahi obtienes el id.

seria mas o menos asi:

Código Javascript:

$(document).ready(function(){
 
    $('a[id^=me_info_complementaria]').click(
            function(e){
            var valor_id = $(this).attr('id');
            var arreglo_valor_id = valor_id.split("complementaria");
            var identificador = "#me_info_complementaria_contacto" + arreglo_valor_id[1];
            if($(this).text() == '-'){
              $(identificador).toggle(1000);
              $(this).text('+');
              } else {
              $(identificador).toggle(1000);
              $(this).text('-');
              }
              e.preventDefault();
             });
});//fin de ready
 

Supongo que habra mas formas, pero es lo que se me ocurre.
saludos

[BlackJccl1]

Gracias por tu ayuda funciona a la perfección