JSFiddle - React, Tailwind, and code Playground

HTML

<h2>
    here is some interesting links
    <span class="toggle" data-target="list1">-</span>
</h2>
<ul id="list1">
    <li>link 1</li>
    <li>link 2</li>
    <li>link 3</li>
</ul>

CSS

.toggle {
    cursor: pointer;
    border: 1px solid;
    padding: 5px;
}

JavaScript

$(".toggle").on("click", function() {
    var target = $(this).text(function(i, val) {
        return val == "+" ? "-" : "+";
    }).data("target");
    $("#" + target).toggle();
});