шоу TR с помощью Jquery

Question

Я использую JQuery, чтобы показать TR в таблице, как следующее:

Все таблицы загружены, чем с помощью JSTL я прячу определенный TR, чем показать эти TR с помощью ссылки нажмите например

строки 0 видно и имеет ссылку: строка 1 невидимая под строкой 0, когда пользователь нажимает на строку 0, строка ссылок 1 становится видимой.

, но когда я нажимаю на эту ссылку, строка 1 появляется, но под строкой 0 TD.

вот мой Jquery:

function expand_ClickEvent(rowData){ 

       //get the TR that you want to show/hide 
       var _TR = $("#tr_0"); 
       var TR = $("#tr_1"); 
       //check its class 
       if (TR.hasClass('hide')){ 
        TR.removeClass('hide'); //remove the hide class 
        TR.addClass('show'); //change it to the show class 
        TR.insertAfter(_TR); 
        //TR.show();    //show the TR (you can use any jquery animation) 

       } else { 
        TR.removeClass('show'); //remove the show class 
        TR.addClass('hide'); //change it to the hide class 
        TR.hide();    //hide the TR (you can use any jquery animation) 

       } 
      } 

Answer 1

Если html уже содержит thesecond tr, вы не должны вставить его еще раз. А также использовать функцию toggle.
Ваш код будет только одна строка:

$("#tr_1").toggle();