JSFiddle - React, Tailwind, and code Playground

by Ennio Sousa Sousa

HTML

<!--
feito para responder esta pergunta
http://forum.ucoz.com.br/forum/14-532-1885-16-1429883782
-->

<div id="topo" class="ecd1 ecd2 ecd3"><center>Queria que  ESTA div ficasse visivél SÓ depois que todas as outras fossem ocultadas!</center></div>

<div id="bl1"><a href="#">[X]</a></div>
<br>
<div id="bl2"><a href="#">[X]</a></div>
<br>
<div id="bl3"><a href="#">[X]</a></div>

CSS

div{text-align:left;width:350px;border:1px solid black;}

.ecd1, .ecd2, .ecd3{display:none;}

JavaScript

//não esqueça de usar o jQuery

$(document).ready(function(){
    $("#bl1").click(function(){
        $("#topo").removeClass("ecd1");
        $(this).hide();
    });
    $("#bl2").click(function(){
        $("#topo").removeClass("ecd2");
        $(this).hide();
    });
    $("#bl3").click(function(){
        $("#topo").removeClass("ecd3");
        $(this).hide();
    });
});