Pembelajaran

Membuat Cover di Sigil (latihan Mandiri)

Sambil menunggu hujan reda dan bel berbunyi, latihan membuat cover sederhana di sigil dengan HTML, CSS dan Jquery, output yang dihasilkan sebagai berikut:

1

adapun listing HTML-nya sebagai berikut:

3.png

untuk CSS-ny sebagai berikut:

4

agar isi dari petunjuk soal dapat di show dan hide, disisipkan jquery slideUp dan slideDown dengan perintah sebagai berikut:

$(document).ready(function(){

$(“#petunjuk”).click(function(){

$(“#isi”).slideToggle(“slow”);

});

});

hasilnya sebagai berikut:

2.png

sekian dan terima kasih.

Leave a Reply

Please log in using one of these methods to post your comment:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out /  Change )

Google photo

You are commenting using your Google account. Log Out /  Change )

Twitter picture

You are commenting using your Twitter account. Log Out /  Change )

Facebook photo

You are commenting using your Facebook account. Log Out /  Change )

Connecting to %s