Tasarım Üstüne Ekleniz

<script type="text/javascript" >
function goster() {
document.getElementById("goster").style.display = "none";
document.getElementById("gizle").style.display = "block";
document.getElementById("alan").style.display = "block";
}

function gizle() {
document.getElementById("gizle").style.display = "none";
document.getElementById("goster").style.display = "block";
document.getElementById("alan").style.display = "none";
}
</script>

Css Ekleniz

#Alan{display:none;}
span#goster{cursor:pointer;}
span#gizle{display:none; cursor:pointer;} 

İsteğiniz Yere Ekleniz

<center>
<span id="goster" onclick="goster();" >Göster</span>
<span id="gizle" onclick="gizle();" >Gizle</span>

<div id="alan" >
Gizlemek istediğimiz kodlar gelecek</div>
</center> 

Java kısalta bilirsiniz arkadaşlar siz!