toggleClass ne fonctionne pas

Question

J'ai un problème avec 'toggleClass'. Ce que fait ce script est qu'il ajoute un nouvel ensemble de champ en fonction de la valeur des boutons radio. A l'intérieur du champ, une nouvelle div est cachée par défaut et ne sera affichée que si le 'a' est déclenché par un événement click. Au début cela fonctionne mais une fois que je clique sur un autre bouton radio ou sur le même bouton radio, le 'toggleClass' ne fonctionne plus.

est ici le code:

$(document).ready(function(){ 

     $('.duplicatorRadio').click(function() { 
      var this_index_limit = parseInt($(this).val()); 
      for(var i = 0; i < this_index_limit; i++) { 
      if(!$('#text_box_' + i).length) { 
       var headerValue = parseInt(i) + 1; 
       $(
        '<fieldset id="text_box_' + i + '"> <h3>Property ' + headerValue +' Information</h3> <a class="borrowerToggler" href="#">Show Co-Borrower</a> <div class="borrower hide"> <h5>Co-Borrower Information</h5></div></fieldset>' 
       ).appendTo($(this).parent()); 
      } 
      else if($('#text_box_' + i).css('display') == 'none') { 
       $('#text_box_' + i).show(); 
      } 
      } 

      $('fieldset').each(function() { 
      var split_id = $(this).attr('id').split('_'); 
      if(!split_id.length) return; 
      var index = parseInt(split_id[2]); 
      if(index >= this_index_limit) { 
       $(this).hide(); 
      } 
      }); 

      $("a.borrowerToggler").click(function(){ 
      $(this).next("div").toggleClass("hide"); 
      }); 

     }); 

    }); 

Answer 1

Essayez en utilisant la méthode .live() pour lier événement click. This demo pourrait vous hlp.