Membuat show/hide HTML

Selamat malam gan , udah lama nih ga poting lagi terlalu banyak kesibukan di sekolah , nah sekarang di malam yang dingin ini yang udah beberapa hari hujan mulu ga berhenti-berhenti ane bakalan kasih tau agan-agan cara membuat tombol show/hide di html , nah langsung saja copas aja syntak nya .



<div id="Button" style="position:absolute;top:200px;left:450px;"> <input type="button" onclick="document.getElementById('Content').style.visibility='visible';Button.style.visibility='hidden';" value="Buka" /> </div> <div id="Content" style="visibility:hidden;position:absolute;top:200px;left:450px;"> <p> Tutorial 29 </p> <input type="button" onclick="document.getElementById('Content').style.visibility='hidden';Button.style.visibility='visible';" value="Tutup" /> </div>

Nah bila agan ingin mengubah isinya agan tinggal ubah saja yang Tutorial 29 , nah mungin cuma segitu dari ana , semoga bermanfaat :)