test
one
two
three
four
five

six



How cool is that? ;)

Dalam pembuatan spoiler di atas saya menggunakan bantuan library jQuery untuk mempermudahkan ngoding di javascript, sebenarnya tidak perlu menggunakan jQuery pun bisa, tetapi menggunakan jQuery mempermudah segalanya.

Syntax Spoiler

Pada saat saya menggunakan spoiler, yang saya tulis adalah seperti berikut (contoh hasilnya ada di atas)

<spoiler data-title="test spoiler">test
<spoiler>one</spoiler>
<spoiler>two</spoiler>
<spoiler>three
<spoiler>four
<spoiler>five</spoiler>
</spoiler>
<spoiler>six</spoiler>
</spoiler>
</spoiler>

Dan jika anda bernanya, lho di html kan tidak ada tag spoiler, jawabannya, iya, benar anda dapat seratus :D, karena itu aku buat sendiri :p.
Sebenarnya anda bisa memakai tag seperti div, atau blockquote untuk membuatnya, tetapi kalian harus memberinya class tertentu supaya bisa dibedakan dengan div atau blockquote yang lain.
Karena itu merepotkan, aku tidak memakainya :p.
Dan attribute data-title itu digunakan untuk memudahkan memberi judul pada spoilernya, dan tentunya opsional.
Dan nantinya aku akan memberi tahu bagaimana cara membuatnya persis seperti yang aku punya.

Jadi sekarang aku lagi belajar memakai jQuery, dan langkah pertama yang aku pengen coba adalah membuat spoiler di blog aku, secara belum ada spoilernya...

Dan beginilah hasilnya... aku memakai jsfiddle untuk mencoba - coba eksperimennya, dan hasilnya seperti berikut.



Dan saya merasa cukup senang dengan hasilnya, dan akan segera mengimplementasikannya ke blog saya ini.
Tutorial akan datang nanti, so stay tuned.