Posted By

alexwilliams on 01/01/07

Tagged

javascript
html

Versions (?)

Last Edited at 01/01/07 11:07am

Statistics

Viewed 1374 times

Favorited by 1 user(s)

Related snippets

JavaScript automagically hide and show an HTML tag (DIV, P, whatever)

/ Published in: JavaScript

Expand | Embed | Plain Text

Copy this code and paste it in your HTML

<a href="javascript:viewMore('two');" id="xtwo">... more</a>
<p>I see one.</p>
<p id="two" style="display:none">I see two.</p>
 
 
function viewMore(div) {
	obj = document.getElementById(div);
	col = document.getElementById("x" + div);
 
	if (obj.style.display == "none") {
		obj.style.display = "block";
		col.innerHTML = "... less";
	} else {
		obj.style.display = "none";
		col.innerHTML = "... more";
	}
}