JSFiddle - React, Tailwind, and code Playground

HTML

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.6.0/jquery.min.js"></script>
<div>
   <label>Contents</label>
   [<a href="#" id="togglecontent">hide</a>]
</div>
<div id="contents">
<ul>
<li class="toclevel-1 tocsection-1"><a href="#Definition"><span class="tocnumber">1</span> <span class="toctext">Definition</span></a>
<ul>
<li class="toclevel-2 tocsection-2"><a href="#Etymology"><span class="tocnumber">1.1</span> <span class="toctext">Etymology</span></a></li>
<li class="toclevel-2 tocsection-3"><a href="#Defining_characteristics"><span class="tocnumber">1.2</span> <span class="toctext">Defining characteristics</span></a></li>
<li class="toclevel-2 tocsection-4"><a href="#Terminology"><span class="tocnumber">1.3</span> <span class="toctext">Terminology</span></a></li>
</ul>
</li>
<li class="toclevel-1 tocsection-5"><a href="#Common_features"><span class="tocnumber">2</span> <span class="toctext">Common features</span></a>
<ul>
<li class="toclevel-2 tocsection-6"><a href="#Motte"><span class="tocnumber">2.1</span> <span class="toctext">Motte</span></a></li>
<li class="toclevel-2 tocsection-7"><a href="#Bailey_and_enceinte"><span class="tocnumber">2.2</span> <span class="toctext">Bailey and enceinte</span></a></li>
<li class="toclevel-2 tocsection-8"><a href="#Keep"><span class="tocnumber">2.3</span> <span class="toctext">Keep</span></a></li>
<li class="toclevel-2 tocsection-9"><a href="#Curtain_wall"><span class="tocnumber">2.4</span> <span class="toctext">Curtain wall</span></a></li>
<li class="toclevel-2 tocsection-10"><a href="#Gatehouse"><span class="tocnumber">2.5</span> <span class="toctext">Gatehouse</span></a></li>
<li class="toclevel-2 tocsection-11"><a href="#Moat"><span class="tocnumber">2.6</span> <span class="toctext">Moat</span></a></li>
<li class="toclevel-2 tocsection-12"><a href="#Battlements"><span class="tocnumber">2.7</span> <span class="toctext">Battlements</span></a></li>
<li class="toclevel-2 tocsection-13"><a...

JavaScript

$(document).ready(function(){
	$('#togglecontent').on('click', function(){
  		$("#contents").toggle('hide');
  		$(this).text(function(i, text){
          return text === "hide" ? "show" : "hide";
      })      
  });
});