estou enfrentando um problema ao tentar ocultar duas DIV´s, ou seja, uma dentro da outra. Apenas consigo ocultar uma DIV a outra fica visível.
Segue o que estou utilizando:
Java Script:
<script type="text/javascript">
function superpopgv(guaraparivirtualsuperpopup) {
if(document.getElementById(guaraparivirtualsuperpopup).style.display=="none") {
document.getElementById(guaraparivirtualsuperpopup).style.display = "inline";
}
else {
document.getElementById(guaraparivirtualsuperpopup).style.display = "none";
}
}
</script>
CSS:
#guaraparivirtualsuperpopup {
position:relative;
width:1215px;
height:500px;
background-color:#000000;
/* background-image:url(http://www.guaraparivirtual.com.br/Lay_Out/dr-bruno.jpg);
background-repeat:no-repeat;
background-position:50% 50%;
*/
margin: 0 auto;
z-index: 9;
border: 1px solid #EA8419;
}
#guaraparivirtualsuperpopupbtn {
width:100px;
height:36px;
background-image:url(http://www.guaraparivirtual.com.br/img-novo/fechar.png);
background-repeat:no-repeat;
float:right;
position: relative;
z-index: 9999;
}
DIV´s
<div class="guaraparivirtual-topo-100-barra-inferior">
<a href="#" onclick="javascript: superpopgv('guaraparivirtualsuperpopup');" >
<div id="guaraparivirtualsuperpopupbtn"></div>
</a>
<a href="<?php echo $linkbannerrt; ?>" target="_blank" title="Super Pop-Up" / >
<div id="guaraparivirtualsuperpopup" style="background-image:url(superpopup/<?php echo $rt; ?>);"></div>
</a>
</div>