Não esconde a div quando clica em outra!
Galera tô precisando de uma pequena ajuda!
Estou criando um menu, aonde clica no link (<a>) e abre um div referente ao id.
Só que tem um problema!!!
Se eu abrir primeira opção, eu tenho que clicar de novo nela para fechar. Só assim consigo visualizar a de baixo (2ª div).
Tá aí o código:
<head>
<script language="JavaScript" type="text/javascript">
function showHide (ID) { document.getElementById(ID).style.display= "";
document.getElementById(ID + "span").innerHTML= " [-] ";
} document.getElementById(ID).style.display = "none";
document.getElementById(ID + "span").innerHTML= " [+] ";
}
}
</script>
</head>
<body>
<table>
<tr>
<th width="25%" style="float:left; position:absolute;">
<a onclick="showHide('marca');" style="cursor: pointer;">• Registro de Marca</a><br />
<a onclick="showHide('patente');" style="cursor: pointer;">• Registro de Patente</a><br />
<a onclick="showHide('soft');" style="cursor: pointer;">• Registro de Software</a><br />
<a onclick="showHide('desenho');" style="cursor: pointer;">• Registro de Desenho Industrial e Modelo de Utilidade</a><br />
<a onclick="showHide('arte');" style="cursor: pointer;">• Registro de Obra Artística e Cultural</a><br />
</th>
<th width="70%">
<div id="marca" style="display: none;border:0px solid #ccc; padding-top: 5px; z-index:1;">
<span id="marca"></span>
<h1>Registro de Marca</h1><br /><hr />
<p>conteudo marca</p>
</div>
<div id="patente" style="display:none; border:0px solid #ccc; padding:5px;">
<span id="patente"></span>
<h1>Registro de Patente</h1><br /><hr />
<p>conteudo patente</p>
</div>
<div id="soft" style="display: none;border:0px solid #ccc; padding-top: 5px;">
<span id="soft"></span>
<h1>Registro de Software</h1><br /><hr />
<p>conteudo software</p>
</div>
<div id="desenho" style="display:none; border:0px solid #ccc; padding:5px;">
<span id="desenho"></span>
<h1>Registro de Desenho Industrial e Modelo de Utilidade</h1><br /><hr />
<p>conteudo desenho</p>
</div>
<div id="arte" style="display: none;border:0px solid #ccc; padding-top: 5px;">
<span id="arte"></span>
<h1>Registro de Obra Artística e Cultural</h1><br /><hr />
<p>conteudo arte</p>
</div>
</th>
</tr>
</table>alguém?
ALGUÉM??? POR FAVOR?
....
(y)
Discussão (2)
Carregando comentários...