JSFiddle - React, Tailwind, and code Playground

HTML

<fieldset>
          <legend>Tags</legend>
          <div>
              <label>
                <input type="checkbox" name="col" value="summary" checked="checked" />
                Name
              </label>
                            <label>
                <input type="checkbox" name="col" value="summary" checked="checked" />
                Name
              </label>
                            <label>
                <input type="checkbox" name="col" value="summary" checked="checked" />
                Name
              </label>
                            <label>
                <input type="checkbox" name="col" value="summary" checked="checked" />
                Name
              </label>
                  
                   </div>
</fieldset>

<br /><Br />

<fieldset>
          <legend>Another legend</legend>
          <div>
              <label>
                <input type="checkbox" name="col" value="summary" checked="checked" />
                Name2
              </label>
                            <label>
                <input type="checkbox" name="col" value="summary" checked="checked" />
                Name2
              </label>
                            <label>
                <input type="checkbox" name="col" value="summary" checked="checked" />
                Name2
              </label>
                            <label>
                <input type="checkbox" name="col" value="summary" checked="checked" />
                Name2
              </label>
                  
                   </div>
        </fieldset>
<br /><br />

<fieldset>
          <legend>One more legend</legend>
          <div>
              <label>
                <input type="checkbox" name="col" value="summary" checked="checked" />
                Name3
              </label>
                            <label>
                <input type="checkbox" name="col" value="summary" checked="checked" />
                Name3
              </label>
              ...

CSS

legend { cursor:pointer; }

JavaScript

window.onload = function(){

        var legends = document.getElementsByTagName("legend");

        for(var i=0; i<legends.length; i++)
        {
            legends[i].onclick = function()
            {
                var myDivs = this.parentNode.getElementsByTagName("div");
                var myDiv;

                if(myDivs.length > 0)
                {
                    var myDiv = myDivs[0];

                    if(myDiv.style.display == "")
                    {
                        myDiv.style.display = "none"
                    }
                    else
                    {
                        myDiv.style.display = "";
                    }
                }
            }
        }

    };