Pada http://www.proweb.co.id/articles/web_application/show_hide_toggle_jquery.html kita telah membuat ‘Show/hide mudah dengan toggle jQuery’. Pada article tersebut default tampilan saat dijalankan adalah seperti gambar berikut:
Kita ingin supaya tampilan awal adalah hide, secara logika maka kita harus melakukan click. Untuk itu kita membuat simulasi click dengan script seperti berikut ini:
$(‘#show_hide’).click();
Coding lengkapnya adalah:
<!DOCTYPE HTML PUBLIC “-//W3C//DTD HTML 4.0 Transitional//EN”>
<html>
<head>
<title>Simulasi user click</title>
<script src=”development-bundle/jquery-1.6.2.js”>
</script>
<script>
$(function(){
$(‘#show_hide’).bind(‘click’,function(){
$(‘#kutipan’).toggle();
});
$(‘#show_hide’).click();
});
</script>
</head>
<body>
<button id=”show_hide”>Show/Hide</button>
<div id=”kutipan”>
The LORD bless you and keep you,<br/>
the LORD make his face shine on you and be gracious to you,<br/>
the LORD turn his face toward you and give you peace.
</div>
<hr/>
By Proweb Indonesia
</body>
</html>
Demo dapat dilihat di http://aris.proweb.asia/simulasi_click.html dengan tampilan seperti gambar berikut ini
Kunjungi www.proweb.co.id untuk menambah wawasan anda.
