//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(); }); });
<!-- 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>
div{text-align:left;width:350px;border:1px solid black;} .ecd1, .ecd2, .ecd3{display:none;}