
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:
Imagine Text Link
Codul de mai jos va adauga un buton care o data apasat va afisa continutul ascuns.
<div id="hide" style="display:none">
CONTINUTUL CARE VREI SA FIE ASCUNS
</div>
<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.