Membuat Mode Show Hide

Membuat Mode Show Hide - Hallo sahabat STREAMING GRATIS, Pada Artikel yang anda baca kali ini dengan judul Membuat Mode Show Hide, kami telah mempersiapkan artikel ini dengan baik untuk anda baca dan ambil informasi didalamnya. mudah-mudahan isi postingan Artikel web, yang kami tulis ini dapat anda pahami. baiklah, selamat membaca.

Judul : Membuat Mode Show Hide
link : Membuat Mode Show Hide

Baca juga


Membuat Mode Show Hide

Pernah melihat tulisan yang bisa di show/hide ?

image

berikut contoh code untuk membuatnya

<html>
<head>
<style type='text/css'>
/* Use a checkbox to workaround showing and hiding */
input[type=checkbox] {
    position: absolute;
    top: -9999px;
    left: -9999px;
}
label {
    cursor: pointer;
}
/* Shown */
div.showhide {
    display: inline;
}
/* Hidden */
input[type=checkbox]:checked ~ div.showhide {
    display: none;
}
</style>
</head>
<body>
<label for="showHide">Show/Hide</label>
<input type="checkbox" id="showHide">
<div class="showhide">
    <p><b>ini tulisan yang bisa disembunyikan maupun ditampilkan</b></p>
</div>
<p>cara menampilkan dan menyembunyikan tulisan tanpa javascript</p>
</body>
</html>



Demikianlah Artikel Membuat Mode Show Hide

Sekianlah artikel Membuat Mode Show Hide kali ini, mudah-mudahan bisa memberi manfaat untuk anda semua. baiklah, sampai jumpa di postingan artikel lainnya.

Anda sekarang membaca artikel Membuat Mode Show Hide dengan alamat link https://sebuahteknologi.blogspot.com/2013/10/membuat-mode-show-hide.html