Normal
Posted 16/02/2015, 04:37
Tenho um script simples para mostrar e ocultar DIVs, mas quero que após uma DIV aberta, se clicar em outro botão para mostrar outra DIV, ocultar a que está aberta antes de mostrar a nova DIV, teria como adaptar algo nesse script, ou alguém tem alguma outra sugestão.
function mostra(item1){
var item1 = document.getElementById(item1);
if (item1.style.display=='none'){
item1.style.display='';
}else{
item1.style.display='none';
}
}
Ativo
Posted 17/02/2015, 05:50
Vai ficar mais ou menos assim:
function mostra(theId){
var theArray= new Array('item1', 'item2', 'item3', 'item4', 'item5', 'item6', 'item7', 'item8');
w=document.getElementById(theId)
if(w.style.display=="block"){w.style.display='none';}else{
for(i=0; i<theArray.length; i++){
if(theArray[i] == theId){
w.style.display='block';
}else{
document.getElementById(theArray[i]).style.display='none';
}
}
}
}
</script>
</head>
<body>
<a onclick="mostra('item1');" style="cursor: hand;">link 1</a><br />
<a onclick="mostra('item2');" style="cursor: hand;">link 2</a><br />
<a onclick="mostra('item3');" style="cursor: hand;">link 3</a><br />
<a onclick="mostra('item4');" style="cursor: hand;">link 4</a><br />
<a onclick="mostra('item5');" style="cursor: hand;">link 5</a><br />
<a onclick="mostra('item6');" style="cursor: hand;">link 6</a><br />
<a onclick="mostra('item7');" style="cursor: hand;">link 7</a><br />
<a onclick="mostra('item8');" style="cursor: hand;">link 8</a><br />
<br /><br />
<div id="item1" style="display:none;">Content div 1</div>
<div id="item2" style="display:none;">Content div 2</div>
<div id="item3" style="display:none;">Content div 3</div>
<div id="item4" style="display:none;">Content div 4</div>
<div id="item5" style="display:none;">Content div 5</div>
<div id="item6" style="display:none;">Content div 6</div>
<div id="item7" style="display:none;">Content div 7</div>
<div id="item8" style="display:none;">Content div 8</div>
</body>
</html>
Super Veterano
Posted 03/10/2017, 12:52
Super Veterano
Posted 11/10/2017, 06:36
Super Veterano
Posted 28/10/2017, 10:41
Super Veterano
Posted 16/11/2017, 19:03
Super Veterano
Posted 16/11/2017, 23:04
Super Veterano
Posted 20/11/2017, 14:55
Super Veterano
Posted 13/02/2023, 08:32
0 membro(s), 0 visitante(s) e 0 membros anônimo(s)
