js实现html的table折叠和展开

html查询数据库后，需要在表格里点击+后展开详细的数据，再点击-后，折叠回主要数据表，请问如何使用js实现？请给个完整的代码，谢谢！请见下面的效果示意图。

授人以鱼不如授人以渔，请帮助提问者思考，让他们成长，不要直接给他们写代码！

我会告诉你我写过一样的吗！ 嘿嘿

1.先定义一个DIV，把要隐藏的数据放在div里面；
2.通过事件设置显示隐藏属性block|none就可以了。

看你截图表结构加号所在行的下一个tr应该是详细的数据。如果是jquery可以用下面的代码试试。帮助到你能点个采纳【右上角】吗，谢谢

$('+号的选择器').click(function(){
var el=$(this);
//这里更新为减号的代码，由于无法找到你的dom结构，所以不要写。。
el.closest('tr').next().toggle();
})

表格嵌套表格吗。不限层级？

授人以鱼不如授人以渔，请帮助提问者思考，让他们成长，不要直接给他们写代码！