Spoiler banyak digunakan dalam forum-forum diskusi seperti Kaskus, Indowebster, dan lain sebagainya. Dan yang belum tahu tentang spoiler, maka dapat anda lihat contohnya dibawah ini :
Spoiler for : Contoh Spoiler
Untuk menggunakan jQuery, kita perlu menginstallnya terlebih dahulu. Cukup letakkan kode berikut kedalam tag <head> blog anda. Jika sudah ada, maka dapat melewatkan langkah ini.
<script type='text/javascript' src='http://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js'></script>
Selanjutnya, tinggal anda letakkan kode spoiler berikut kedalam post atau artikel yang dikehendaki. Untuk style, bisa dimodifikasi sesuka hati.
<div style="margin-top:5px">
<div style="margin-bottom:8px">
<b>Spoiler :</b>
<input type="button" value="Show" onclick="var spoiler = this.parentNode.parentNode.getElementsByTagName('spoilers')[0]; if ( spoiler.style.display == 'none' ){$(spoiler).fadeIn('slow'); this.value = 'Hide'; }else{$(spoiler).slideUp(); $(spoiler).fadeOut('slow'); this.value = 'Show'; };" />
<div style="margin:0px;padding:4px;border:1px inset;background:white;">
<spoilers style="display:none;">
******* INI ADALAH SPOILER. DAN INI ADALAH ISI SPOILER ********
</spoilers>
</div>
</div>
</div>