javascript - HTML 单击表头时显示/隐藏表的部分内容

Question

我有一个嵌套的 HTML 表格。我想根据使用 javascript 单击的标题显示嵌套表格的部分内容

http://jsfiddle.net/TtWTR/103/

到目前为止，它显示了所有三个部分。我想单击标题 A 并仅显示 optionA，单击标题 B 并仅显示 optionB 等等。确定我的设置是否正确，正如所有三个都显示的那样。谢谢

Answer 1

要达到预期结果，请使用以下选项 oh hide() 和 show() 方法

   $('.trigger').click(function() {
             console.log($(this).text())
      var selectedHdr = $(this).text();
      $('.nested tr').hide();
      $('.nested tr#'+selectedHdr).show();       
        });

https://codepen.io/nagasai/pen/vdabJQ