Expand / Collapse Paragraph


Yaaahhh, daripada nganggur posting iseng2an ah …🙂

Hemhh,,, kali ini aku mau bahas tentang Toogle Paragraph atau Expand / Collapse Paragaraf, atau bisa juga disebut Paragraf yang kembang kempis … hehehehe …

Pertama buat dulu javascript lalu taruh script ni di bagian head

function toogle(a){
	var b = document.getElementById(a);
	if(!b) return true;
	if(b.style.display == "none"){
		b.style.display = "block";
	}else{
		b.style.display = "none";
	}
	return true;
}

Nah, sekarang kita buat contoh paragrafnya, ni paragraf taruh di bagian body yaaa …

<input onclick="return toogle('paragraf');" type="button" value="lihat full" />
<div id="paragraf" style="display:none;">Hahahaha, ini gua</div>

Keterangannya, onclick=”return toogle(‘paragraf’);” , ini maksudnya kita panggil fungsi javascript:toogle. Nah fungsi toogle tadi mengontrol paragraf yang id nya paragraf . Yang di kontrol yaitu <div id=”paragraf” . Begitu … Udah gitu coba dah di klik button nya, pasti paragrafnya ilang muncul ilang muncul … hehehe kayak Hantu.

Udah ah, sekian …

2 thoughts on “Expand / Collapse Paragraph

Mari Berdiskusi Bersama

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com 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 )

Google+ photo

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

Connecting to %s