Jquery 仅显示选定表行的内容

我有以下标记：

<table class="tableM">
  <tr  class="accordion">
    <th>Hello</th>
  </tr>
  <tr>
    <td class="tableMCell">
    Hi!
    </td>
  </tr>
  <tr class="accordion">
    <th>Goodbye</th>
  </tr>
  <tr>
    <td class="tableMCell">
    Cya!
    </td>
  </tr>
</table>

这在一定程度上可以正常工作，但是当单击顶部标题时，即

Hello

所需的效果是，它只显示下一个

tr

包含

Hi消息。但是，它也显示了
再见
行下的内容？如何解决这个问题，使单击任一行时只显示其各自的内容而不是所有内容？
只需使用
.next（）
而不是
.nextAll（）

原因是
.nextAll（）
将选择下一个
的所有，而不是只选择下一个


$（函数（）{
$（“.tableM tr:not（.accordion）”）.hide（）；
$（“.tableM tr:first child”）.show（）；
$（“.tableM tr.accordion”）。单击（函数（）{
$（this.next（“tr”）.fadeToggle（200）；
});
});

你好
你好
再见
西娅！
只需使用
.next（）
而不是
.nextAll（）

原因是
.nextAll（）
将选择下一个
的所有，而不是只选择下一个


$（函数（）{
$（“.tableM tr:not（.accordion）”）.hide（）；
$（“.tableM tr:first child”）.show（）；
$（“.tableM tr.accordion”）。单击（函数（）{
$（this.next（“tr”）.fadeToggle（200）；
});
});

你好
你好
再见
西娅！
只需使用
.next（）
而不是
.nextAll（）

原因是
.nextAll（）
将选择下一个
的所有，而不是只选择下一个


$（函数（）{
$（“.tableM tr:not（.accordion）”）.hide（）；
$（“.tableM tr:first child”）.show（）；
$（“.tableM tr.accordion”）。单击（函数（）{
$（this.next（“tr”）.fadeToggle（200）；
});
});

你好
你好
再见
西娅！
只需使用
.next（）
而不是
.nextAll（）

原因是
.nextAll（）
将选择下一个
的所有，而不是只选择下一个


$（函数（）{
$（“.tableM tr:not（.accordion）”）.hide（）；
$（“.tableM tr:first child”）.show（）；
$（“.tableM tr.accordion”）。单击（函数（）{
$（this.next（“tr”）.fadeToggle（200）；
});
});

你好
你好
再见
西娅！
只是一个小点：注意，您缺少THEAD和TBODY-不确定它们是否重要，但jQuery可能会挑剔…只是一个小点：注意，您缺少THEAD和TBODY-不确定它们是否重要，但jQuery可能会挑剔…只是一个小点：注意，您缺少THEAD和TBODY-不确定它们是否重要，但jQuery可以挑剔…只是一个小点：请注意，您缺少THEAD和TBODY-不确定它们是否重要，但jQuery可能会挑剔…非常好，但是在选择标题时，有没有办法关闭以前的选择，因为当前它们都打开，需要手动关闭。@Ebikeneser我更新了我的答案，希望它足够清楚，能够理解它的作用EP非常有意义+1 Excellent非常有用，但是在选择标题时，是否有方法关闭以前的选择，因为当前所有标题都打开，需要手动关闭。@Ebikeneser我更新了我的答案，希望它足够清楚，能够理解它的作用EP非常有意义+1 Excellent非常有用，但是在选择标题时，是否有方法关闭以前的选择，因为当前所有标题都打开，需要手动关闭。@Ebikeneser我更新了我的答案，希望它足够清晰，能够理解它的作用EP非常有意义+1 Excellent非常有用，但是在选择标题时，有没有办法关闭以前的选择，因为当前它们都打开，需要手动关闭。@Ebikeneser我更新了我的答案，希望它足够清晰，能够理解它的作用EP非常有意义+1
$(function () {
  $(".tableM tr:not(.accordion)").hide();
  $(".tableM tr:first-child").show();
  $(".tableM tr.accordion").click(function () {
    $(this).nextAll("tr").fadeToggle(200);
  });
});

$(this).next("tr").fadeToggle(200);