TOGGLECLASS не работает

Question

У меня проблемы с «TOGGLECLASS». Что делает этот скрипт, это добавляет новый набор поля в зависимости от значения радиопередачи. Внутри поля является новым Div, который скрыт по умолчанию и будет отображаться только в том случае, если «A» запускается событием клики. Сначала он работает, но однажды я нажму на другую кнопку радиоприемника или на той же кнопке переключателя «TOGGLECLASS» больше не работает.

Вот код:

$(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

Попробуйте, используя .live() Метод для связывания события щелчка. This demo может HLP вас.