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