Скрыть и показать строку таблицы в зависимости от номера строки

Question

Я работаю над проектом, в котором у меня есть две таблицы.Первая таблица содержит компаний , а вторая - услуг каждой компании.Я хотел бы реализовать новую функцию.Когда я нажимаю на строку в таблице компаний, я хотел бы получить идентификатор и отобразить во второй таблице со службами только те строки, связанные с этим конкретным идентификатором.

Я уже нашел, как получитьидентификатор из первой таблицы.Я теперь против некоторого кода, который мне не очень знаком.

$(document).ready(function() {
    $('#firsttable').find('tr').click( function(){
        var row = $(this).find('td:first').text();
        alert('You clicked ' + row);
        //$('#test').toggle('slow');
        var $rowsNo = $('#test tbody tr').filter(function () {
            return $.trim($(this).find('td').eq(1).text()) === row;
        }).toggle();
    });
});

Моя первая таблица имеет id="firsttable", а вторая id="test".Эта строка

alert('You clicked ' + row);

успешно выводит идентификатор.Теперь то, что я пытаюсь сделать с этой частью кода

var $rowsNo = $('#test tbody tr').filter(function () {
        return $.trim($(this).find('td').eq(1).text()) === row;
}).toggle();

, - это скрыть каждую строку в таблице с id="test" (services), который имеет во втором столбце значение, равное переменной строки.Например, если строка равна 2, мне нужно скрыть все строки из таблицы служб, у которых значение второго столбца равно 2. Ожидание подсказок.