Hazırladığınız bir web sayfasında HTML etiketlerinin görünür özelliğini JavaScript dilini kullanarak değiştirmek istiyorsanız bu örnek sizlere yardımcı olabilir.
<html>
<head>
<title>Aç Kapa</title>
<script type=”text/javascript”>
function fnAcKapa(controlId)
{
var control = document.getElementById(controlId);
if(control.style.visibility == “visible” || control.style.visibility == “”)
control.style.visibility = “hidden”;
else
control.style.visibility = “visible”;
}</script>
</head>
<body>
<div id=”kutu” style=”height: 300px; width: 500px; overflow: auto; background-color: #344566; border: 1px solid #555555;”> </div>
<form id=”form1″ >
<div>
<input type=”button” ID=”btnHokusPokus” value=”Aç / Kapa” onclick=”fnAcKapa(‘kutu’);” /></div>
</form>
</body>
</html>