JSFiddle - React, Tailwind, and code Playground

HTML

<table width="200" border="1">
  <tr>
    <td rowspan="5">Summary 1</td>
    <td colspan="2"><div align="center">1 st level</div></td>
  </tr>
  <tr>
    <td colspan="2"><div class="P1">Parameter 1</div></td>
  </tr>
  <tr>
    <td rowspan="2">Sub level-1 </td>
    <td>Sub parameter (1)</td>
  </tr>
  <tr>
    <td>Sub parameter (2)</td>
  </tr>
  <tr>
    <td colspan="2"><div class="P2">Parameter 2</div></td>
  </tr>
</table>

JavaScript

$('.P1').click(function(){
       $(this).find('span').text(function(_, value){return value=='-'?'+':'-'});
        $(this).nextUntil('.P2').slideToggle(100, function(){
        });
    });