javascript - 根据单元格值隐藏/显示行的jQuery函数

Question

我有以下表格布局：

Company_Name | Address | Date
------------------------------
Company A     address1   date 
Company A     address1   diff-date
Company A     address1   diff-date

有没有办法隐藏底部的两行，当点击第一行“公司 A”时应该显示这两行？基本上，我希望将公司名称的任何相同值隐藏为公司第一个实例的子行。

编辑：当前代码：

<table id="companyTable" class="tablesorter">
    <thead>
    <tr>
        <th>Company_Name</th>
        <th>Address</th>
        <th>Date</th>
    </tr>
    </thead>
    <tbody>
    <tr>
        <td>CompanyA</td>
        <td>Address1</td>
        <td>Date</td>
    </tr>
    <tr>
        <td>CompanyA</td>
        <td>Address1</td>
        <td>Diff-Date</td>
    </tr>
    <tr>
        <td>CompanyA</td>
        <td>Address1</td>
        <td>Diff-Date</td>
    </tr>
</tbody>
</table>

Answer 1

<tr class="company_a">
  ...
</tr>
<tr class="company_a">
  ...
</tr>
<tr class="company_a">
  ...
</tr>
<script>

// hide all company_a
$(".company_a").hide();

// show first company_a
$(".company_a:first").show().click(function() {

  // show all company_a when first company_a is clicked
  $(".company_a").show();

});
</script>