Cara tambah jquery show/hide isi blog

Tutorial ini akan menerangkan cara bagi memapar atau menyembunyikan sesuatu atas pilihan pembaca blog korang. Sebelum terus lebih dalam, sila lihat Contoh untuk tutorial ini.

Sebelum klik show/hide

Selepas show/hide di klik

Jika korang mahu menambah jquery ini pada blog korang, sila ikuti langkah dibawah
.
1.Log in ke dashboard blog korang--> klik design- ->Page Elements

2.Klik pada 'Add a Gadget' di bahagian sidebar.

3.Pilih 'HTML/Javascript' dan copy kod dibawah ini kemudian paste di dalam ruangan 'HTML/javascript' tadi.

<script src="http://jqueryjs.googlecode.com/files/jquery-1.3.2.min.js" type="text/javascript"></script> <script type="text/javascript"> $(document).ready(function(){ $('#butShowHide').click(function() { $('#pShowHide').toggle(); }); }); </script> <p id="pShowHide" style="display:none">masukkan isi korang disini</p> <button id="butShowHide">Show/Hide</button>

Nota : Gantikan perkataan 'masukkan isi korang disini' dengan isi yang korang mahu letakkan.
selesai.