jquery - 扩展/折叠 Html 行和行内容 jQuery

Question

任何人都可以更正我这个代码，所以当我点击亲时 - 行：任务 1、2、3 折叠，如果可能的话，显示数字的总和。

<table border="0">
<tr>
    <td rowspan="3" colspan="1" class="header">pro <span>-</span> </td>
    <td rowspan="1" style="text-align:center; height : 100%;">task 1</td>
</tr>
<tr style="height:100%; text-align:center;">
    <td rowspan="1" style="text-align:center; height : 100%;">task 2</td>
</tr>
<tr style="height:100%; text-align:center;">
    <td rowspan="1" style="text-align:center; height : 100%;">task3</td>
</tr>

jQuery代码：

$('.header').click(function(){
$(this).find('span').text(function(_, value){return value=='-'?'+':'-'});
$(this).nextUntil('tr.header').slideToggle(100); // or just use "toggle()"});