Ocultar botão ao clicar no mesmo
Opa, gostaria de uma ajuda,... já pesquisei horrores e nada. Seguinte:
O que preciso é ocultar um botão ao clicar no mesmo, ou seja, clicou, sumiu, rsrrs. Porém esse botão já é responsável por mostrar o conteúdo de uma DIV.
Essa é a função que oculta a DIV.
<script type="text/javascript">
function abrir() {
var main = document.getElementById("principal");
var iten = main.getElementsByTagName("input");
if (iten) {
for (var i=0;i<iten.length;i++) {
iten[i].onclick = function() {
var el = document.getElementById(this.id.substr(7,7));
if (el.style.display == "block")
el.style.display = "none";
else
el.style.display = "block";
}
}
}
}
window.onload=abrir;
</script>
A Div:
<div id="1" style="display:none;">
Conteudo
</div>
Esse é o botão que Mostra o conteúdo e até aí funciona certinho,... porém esse onClick não está ocultando o botão, pelo menos não consegui fazê-lo ocultar.
<div id="principal">
<input type="button" onClick="document.getElementsById('teste121').style.display='none';" type="button" value="Mostrar" id="teste121">
</div>
Como poderia fazer para o código executar o "Mostrar" e ao mesmo tempo sumir com o botão?
Discussão (1)
Carregando comentários...