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 cuvantulbutton cu litera a.
