Need help with collapsible/folding section

**cnjong** · 04-26-2006, 05: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, 05:36 PM

Here you go...This is just for you!

Code:

<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, 07: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, 07:40 PM

I'll PM it to you

Thread: Need help with collapsible/folding section

Thread Tools

Display

Need help with collapsible/folding section

areidmtm, thanks but I haven't got it to work

Posting Permissions