Efectul arata / ascunde

Acest efect arata / ascunde este foarte usor de implementat si poate fi folosit pentru a arata / ascunde text, imagini, link-uri, etc.
Apasa pe butoanele de mai jos pentru a vedea cum functioneaza:



Codul de mai jos va adauga un buton care o data apasat va afisa continutul ascuns.

1	<div id="hide" style="display:none">

2	CONTINUTUL CARE VREI SA FIE ASCUNS

3

</div>

4	<button title="Arata/Ascunde continut" type="button" onclick="if(document.getElementById('hide') .style.display=='none') {document.getElementById('hide') .style.display=''}else{document.getElementById('hide') .style.display='none'}">Arata/Ascunde</button>

Poti modifica codul in functie de nevoile tale.

• in ultima linie, inlocuieste textul Arata/Ascunde cu cel dorit de tine;
• daca vrei sa folosesti intr-o pagina de mai multe ori acest script, va trebui ca fiecare div sa aiba cate un id unic;
• daca in loc de buton vrei sa ai un link obisnuit, atunci inlocuieste cuvantul button cu litera a.