Menu DHTML - Abre/fecha com clique do mouse
Script bem simples. Menu que é exibido ao se clicar em um link e ocultado ao clicar novamente.
Descrição
Script bem simples. Menu que é exibido ao se clicar em um link e ocultado ao clicar novamente.
<html>
<head>
<script type="text/javascript">
function startmenu()
{
af.style.display = "none";
}
function abrefecha()
{
if(af.style.display == "none")
{
af.style.display = "block";
}
else
{
startmenu();
}
}
</script>
</head>
<body>
<a href="javaScript:abrefecha()">Menu Abre/Fecha</a>
<div id="af" style="display: none;">
<a href="" style="padding-left:15px;">Sub-Menu(01)</a><br/>
<a href="" style="padding-left:15px;">Sub-Menu(02)</a><br/>
<a href="" style="padding-left:15px;">Sub-Menu(03)</a><br/>
<a href="" style="padding-left:15px;">Sub-Menu(04)</a>
</div>
</body>
</html>
mas pra melhorar um pouco o código.. (mais o entendimento...)
eu sugiro em vez de criar 2 funçoes, usar uma só, visto que a segunda startmenu() contem somente uma instrução, e chamadas de funções são dispendiosas..
portanto terá uma funcao apenas com o conteudo
function abrefecha()
{
if(af.style.display == "none")
{
af.style.display = "block";
}
else
{
af.style.display = "none";
}