JSFiddle - React, Tailwind, and code Playground

by damoiser

HTML

<div id="a">
    <i>Look at me</i>
    <div id="b">
        <i>Look at me</i>
        <div id="c">
            Hey, I am here!
        </div>
    </div>
</div>
<button type="button" id="do_magic">Do it!</button>

CSS

#a, #b, #c {
    width: 100%;
    padding:10px;
    text-align:center;    
}

#b {
    background-color: #eee;
}

#a, #c {
    background-color:white;
}

JavaScript

$("#do_magic").on("click", function(event){
    event.preventDefault();
    $("*").css("visibility", "hidden");
    
    $("#c").css("visibility", "visible");
});