collapsible text

[new to this]

hi
im a complete novice at javascript and i am trying to add some collapsible
text into my website! I want to hide pieces of text behind headlines so they can be clicked on and be reveiled, if anyone has some script for this i would be
very gratefull!!

[acoder]

Welcome to TSDN!

To have collapsible text
1. Have a div or span with the display set to 'block', e.g.
[HTML]<div id="aDiv" style="display:block">Text</div>[/HTML]
2. Then add an onclick event handler to the element that will toggle the display of the text:

onclick="toggleDisplay()"

3. Then in the function:

function toggleDisplay () {
 var div = document.getElementById('aDiv');
 if (div.style.display=='block') div.style.display = 'none';
 else div.style.display = 'block';
}

If you have any problems, post your code.

[robskinn]

How would I make the script so that the text defaults as hidden then shows on the click? At the moment it defaults as being shown then hides with a click.
robskinn

[epots9]

How would I make the script so that the text defaults as hidden then shows on the click? At the moment it defaults as being shown then hides with a click.
robskinn

like this:
[html]
<div id="aDiv" style="display:none">Text</div>
[/html]