JSFiddle - React, Tailwind, and code Playground

by mrSearcher

HTML

<script type="text/javascript"> 
function shiftSubDiv(n)
 {
     var el = n.parentNode;
     el.className = (el.className == 'visible') ? 'collapsed' : 'visible';
 }
</script>
<ul>
    <li class='collapsed'>
        <span class='clickable' onclick="shiftSubDiv(this)">Раздел</span>
        <ul>
            <li>подраздел1</li>
            <li>подраздел2</li>
        </ul>
    </li>
</ul>

CSS

.clickable {cursor: pointer;}
.collapsed span:before {content:'+';}
.collapsed ul {display: none;}
.visible span:before {content:'-';}
.visible ul {display: block;}