Membuat Show Hide Div Sederhana Di Postingan
Nih ada tips
dari bang “adhy” master gue, yang gue rilis kembali, pake kata2 gue...
Agar tampilan
menarik... memakai “show-hide div”
Apa itu
show-hide dive ?
Show-hide dive
adalah menyembunyikan dan menampilkan teks atau gambar pada postingan...
Seperti contoh
di bawah... “buka broo...!!”
Caranya :
“copas” code
dibawah pada HTML postingan,
CONTOH :
lalu rubah teks sesukamu pada teks "KOSONG"
kreasi tanpa henti, belajar menjadi orang cerdas... yuk akhhh....^_^
CONTOH :
<div id="Button"
style="margin:0 auto;text-align:center">
<input type="button"
onclick="document.getElementById('Content').style.display='block';Button.style.display='none';"
value="buka broo...!!" />
</div>
<div id="Content" style="display:none;width:300px;padding:10px;margin:0
auto;border:1px solid #aaa;text-align:center;box-shadow: 0px 1px 3px 0px
rgba(179,179,179,1);background:#fff">
<p>
KOSONG
</p>
<input type="button"
onclick="document.getElementById('Content').style.display='none';Button.style.display='block';"
value="tutup lagi...!!" />
</div>
|
lalu rubah teks sesukamu pada teks "KOSONG"
kreasi tanpa henti, belajar menjadi orang cerdas... yuk akhhh....^_^