Javascript Show/Hide <DIV> Code Snippet

Here's a simple little script that allows you to take the contents of a <DIV> tag on your web page, hide the contents, then show them when a user clicks the hyperlink. I use this frequently on my websites. In this script, I included an open and closed arrow with this example as well.

Example:
SHOW/HIDE MY HIDDEN DIV TAG

JavaScript Hidden Div tags can be used for a variety of different things. Perhaps a more information link, or anything you can think of. Click the above link again to hide this paragraph. Or Close (X).

Code: Copy/Paste the following code into your website:
<a href="javascript:jchange('jdiv');">Your Text Here</A> <div id="jdiv" style="display:none;">JavaScript Hidden Div tags can be used for a variety of different things. Perhaps a more information link, or anything you can think of. Click the above link again to hide this paragraph. Or <a href="javascript:jchange('jdiv');">Close (X)</A>.</div> <script language="javascript" type="text/javascript"> function jchange(o) { var fold_image = new Array(); fold_image[0] = "/images/openarrow.gif"; fold_image[1] = "/images/closedarrow.gif"; if(document.getElementById(o).style.display=='none') { document.getElementById(o).style.display='block'; if(document.getElementById('nfolding')) { document.getElementById('nfolding').src=fold_image[0]; } } else { document.getElementById(o).style.display='none'; if(document.getElementById('nfolding')) { document.getElementById('nfolding').src=fold_image[1]; } } } </script>