Posts: 317
Name: This Space for Rent
Location: Georgia
|
Here's one I found and tweaked
<edit>
If you want this script to work in reverse, just add display:none to the div id toggle and change only the text of the link to "show"
Quote:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<script language="javascript" type="text/javascript">
<!--
function showHide(obj,id){
var s=document.getElementById(id).style;
if (s.display=='none'){
obj.firstChild.data='Hide';
s.display='block'
}
else {
obj.firstChild.data='Show';
s.display='none'
}
}
//-->
</script>
</head>
<body>
<div style="width:400px; color:#666666; text-align:left; border:1px dotted #666666; font-weight:bold; padding:2px">
<a href="javascript:;" onclick="showHide(this,'toggle')">Hide</a>
</div>
<div id="toggle" style="width:400px; color:#666666; text-align:left; border:1px dotted #666666; padding:2px" >
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Fusce ac elit at neque interdum tempor. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Nulla nulla erat, interdum accumsan, molestie vitae, eleifend non, mi. Sed posuere tortor. Quisque fermentum tincidunt odio. Praesent ultrices diam vitae libero. Quisque at risus eu sem blandit tincidunt. Morbi eleifend elit vel metus. Praesent aliquet libero nec velit. Maecenas augue est, sollicitudin ac, vehicula eu, egestas quis, purus. Nullam eleifend ante in felis.
</div>
</body>
</html>
|
__________________
Please login or register to view this content. Registration is FREE
"I think therefore I am, I think." <!-- George Carlin
Last edited by ExpressoDan; 05-16-2006 at 01:47 PM..
|
