Показать TR с помощью Jquery - PullRequest
Новая
       9

Показать TR с помощью Jquery

0 голосов
/ 06 марта 2012

Я использую jquery для отображения TR в TABLE следующим образом:

Все таблицы загружены, чем с помощью 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)

           }
        }

1 Ответ

0 голосов
/ 06 марта 2012

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

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