JSFiddle - React, Tailwind, and code Playground

by slashingweapon

HTML

<div class="maybeHidden">Div 1</div>
<div class="maybeHidden">Div 2</div>
<div class="maybeHidden">Div 3</div>
<div class="maybeHidden">Div 4</div>
<div class="maybeHidden">Div 5</div>

<button id="addBtn">Add</button>
<button id="delBtn">Delete</button>

JavaScript

var allDivs = $(".maybeHidden").hide();

$("#addBtn").click(function(evt) {
    allDivs.each(function(idx, elem) {
        elem = $(elem);
        if (elem.not(':visible')) {
            elem.show();
            return false;
        }
    });
});