Toogle - mostrar/esconder elemento em uma página usando mootools 1.2

Postado por Paulo Brito em 18 de Setembro de 2010  •  Comentários (0)  • 

Vamos ao exemplo, digamos que ao clickar em um determinado link, eu deseje ESCONDER uma parte da página e ao clickar novamente nesse link essa mesma parte APAREÇA.

Você pode observar esse efeito aqui mesmo, ao clickar em código fonte(abaixo...), ele vai ser exibido ou suprimido da página. Lembre que você precisa do mootools 1.2 para que esse código funcione!

Mas como seria o código para chamar essa função, veja o código abaixo:
<a onclick="javascript: toogle("texto");"> Mostrar/Esconder </a>
<div id="texto"> Oi ... </div>

Simples assim, ao clickar pela primeira vez a div "texto" vai sumir da tela, ao clickar novamente ela vai aparecer..


  • Download
  • Código fonte
  • Comentar
  • Comentários
blog comments powered by Disqus

Comentários ir para topo

Código fonte ir para topo