JSFiddle - React, Tailwind, and code Playground

HTML

<div style="width:100%; height: 50px; background-color: #8080FF;"></div>
<div id="campos" style="width:100%; background-color: gray;">

    <div>
        <label>cargo</label>
        <input type="text">
    </div>
    <div>
        <label>cargo</label>
        <input type="text">
    </div>
    <div>
        <label>cargo</label>
        <input type="text">
    </div>
    <div>
        <label>cargo</label>
        <input type="text">
    </div>
    <div>
        <label>cargo</label>
        <input type="text">
    </div>
    <div>
        <label>cargo</label>
        <input type="text">
    </div>
    <div id="ts1" class="escondido">
        <label>cargo</label>
        <input type="text">
    </div>
    <div id="ts2" class="escondido">
        <label>cargo</label>
        <input type="text">
    </div>
    <div id="ts3" class="escondido">
        <label>cargo</label>
        <input type="text">
    </div>
    <div id="ts4" class="escondido">
        <label>cargo</label>
        <input type="text">
    </div>
    <div id="ts5" class="escondido">
        <label>cargo</label>
        <input type="text">
    </div>
    <div id="ts6">
        <label>cargo</label>
        <input type="text">
    </div>
    <div id="ts7">
        <label>cargo</label>
        <input type="text">
    </div>
    <div id="ts8">
        <label>cargo</label>
        <input type="text">
    </div>

    <div id="ts11" class="escondido">
        <label>cargo</label>
        <input type="text">
    </div>
    <div id="ts12" class="escondido">
        <label>cargo</label>
        <input type="text">
    </div>
    <div id="ts13" class="escondido">
        <label>cargo</label>
        <input type="text">
    </div>
    <div id="ts14" class="escondido">
        <label>cargo</label>
        <input type="text">
    </div>
    <div id="ts15" class="escondido">
        <label>cargo</label>
        <input type="text">
    </div>
    <div id="ts16" class="escondido">
        <label>cargo</label>
       ...

CSS

.escondido {
    display: none;
}

#campos > div {
	padding: 8px 5px;
}

JavaScript

function Mudarestado() {
     var inputs = document.querySelectorAll('#campos > div');
     for (var i = 0; i < inputs.length; i++) {
         var el = inputs[i];
         el.classList.toggle('escondido');
     }
 }