JSFiddle - React, Tailwind, and code Playground

by George Berkeley

HTML

<div id="rojo">
</div>

<div id="negro">
</div>

CSS

div#rojo,
    div#negro {
        display: block;
        position: relative;
        width: 100px;
        height: 100px;
        margin: 10px;
    }
    div#rojo {background: red;}
    div#negro {background: black;}

JavaScript

var rojo = $('#rojo').css('display');
    var negro  = $('#negro').css('display');

    $( "#rojo" ).click(function() {
        if (negro === 'none') {
            alert("negro invisible.\nEl negro esta: " + negro);
            $( "#negro" ).css("display", "block");
        }
        else if (negro === 'block') {
            alert("negro visible");
            $( "#negro" ).css("display", "none");
        }
        else {
            alert("ERROR!\nnegro esta: " + negro);
        }
    });