JSFiddle - React, Tailwind, and code Playground

HTML

<script type="text/javascript"> 
function shiftSubDiv(n)
{
  var el = document.getElementById('subDiv'+n);
  if ( el.style.display == 'none' )
    el.style.display = 'block'
  else
    if ( el.style.display == 'block' )
    el.style.display = 'none';
};
</script>

<div class="navHeader" onclick="shiftSubDiv(1)" style="cursor: pointer">
    <h2>Раздел</h2>
</div>
<ul id="subDiv1" margin-left:25px="" style="display:none">
    <li><h4>подраздел1</h4></li>
    <li><h4>подраздел2</h4></li>

</ul>