Hide information

[Chan]

What is the code to hide a bit of information and then when the user clicks on something, like a plus mark, the information will drop down below?

[Saint]

Add this to your header:

<script type="text/javascript">
<!--
function toggle_visibility(id) {
var e = document.getElementById(id);
if(e.style.display == 'none')
e.style.display = 'block';
else
e.style.display = 'none';
}
//-->
</script>

Add this in your code:

<a href="#" onclick="toggle_visibility('foo');">Toggle Visibility</a><div id="foo">This is foo</div>