JSFiddle - React, Tailwind, and code Playground

by imsky

HTML

<button id="vis">Toggle visibility</button>
<button id="add">Add another myClass</button>

CSS

.myClass {display:none;font-family:sans-serif;font-size:0.9em;margin-bottom:10px}

JavaScript

$(function() {
    //First element, should be visible 
    $("<div class='myClass'>Visible</div>").show().appendTo("body");
    $("#vis").click(function() {
        $(".myClass").toggle();
    });
    $("#add").click(function() {
        var el = $("<div class='myClass'>Visible</div>");
        el.appendTo("body");
        if ($(".myClass:visible").length) {
            el.show();
        }
    });
});