
Fontos, hogy a linkre kattintás működjön minden böngészőn, így sajnos a visibility stílust nem alkalmazhatod, mert azt az IE nem mindig szereti.
Elsőként az alábbi sorokat beszúrjuk a <HEAD> mezőbe:
<SCRIPT TYPE="text/javascript">
<!--
function kapcsolgat(x){
var elal=document.getElementById(x).style.display;
if (elal=="none"){
document.getElementById(x).style.visibility="visible";
document.getElementById(x).style.display="block";}
else {
document.getElementById(x).style.visibility="hidden";
document.getElementById(x).style.display="none";}
}
//-->
</SCRIPT>
Itt kell megjegyezni, hogy gyakori hiba a display stílus beállítása "hidden" értékre. A "hidden" NEM elfogadott érték, helyette a "none" használatos!
Majd az aktuális <FORM> mezőt így alakítjuk ki:
<div><a href="javascript:kapcsolgat('rejtett')">Ide kattintva megjelenik</a></div>
<div id="rejtett" style="visibility:hidden;display:none">Megjelenik</div>
Példa:
Megjelenik