PDA

View Full Version : Need help with collapsible/folding section


cnjong
04-26-2006, 06:02 PM
I have been trying to figure out how to collapse paragraphs of text by default to make my page look cleaner and have more whitespace. Basically, I have long descriptions but I want to only make them available or expand when a user clicks a word such as "more." Could anyone give me pointers on how to accomplish that? I did my page using Frontpage 2002 and I know they have collapsible outlines feature but I don't think that suits my needs. Thanks for any help I can get.

areidmtm
04-26-2006, 06:36 PM
Here you go...This is just for you!

<html>
<head>
<script language="javascript" type="text/javascript">
function showhideDiv(ID) {
var divID = document.getElementById(ID).style;

if (divID.display == 'block') {
divID.display = 'none';
}
else {
divID.display = 'block';
}
}
</script>
</head>

<body>
<table width="50%" border="0" cellspacing="1" cellpadding="1">
<tr>
<td>ALL YOU NEED TO KNOW <a href="javascript:showhideDiv('table1');">show/hide</a> </td>
</tr>
<tr>
<td>

<div id="table1" style="display:block;">
<table width="100%" border="0" cellspacing="1" cellpadding="1">
<tr>
<td>blah blahblah blahblah blahblah blahblah blahblah blahblah blahblah blahblah blahblah blahblah blahblah blahblah blahblah blahblah blahblah blahblah blahblah blahblah blahblah blahblah blahblah blahblah blahblah blahblah blahblah blahblah blahblah blahblah blahblah blahblah blahblah blahblah blahblah blahblah blahblah blahblah blahblah blahblah blahblah blahblah blahblah blahblah blahblah blahblah blahblah blahblah blahblah blahblah blahblah blahblah blahblah blahblah blahblah blahblah blahblah blahblah blahblah blahblah blahblah blahblah blahblah blahblah blahblah blahblah blahblah blahblah blahblah blahblah blahblah blahblah blahblah blahblah blahblah blahblah blahblah blahblah blahblah blahblah blahblah blahblah blah</td>
</tr>
</table>
</div>

</td>
</tr>
</table>
</body>
</html>

cnjong
04-27-2006, 08:32 PM
Tried out your code. Didn't quite work for some reason. When I click show/hide, the "broken url" page shows up. Do you have a site using this code snippet already which I can check out?

areidmtm
04-27-2006, 08:40 PM
I'll PM it to you