[ start | index | login ]
start > Development > Javascript > Hide > Show Div

Show Div

Created by mpecher. Last edited by mpecher, 4 years and 17 days ago. Viewed 3,523 times. #1
[edit] [rdf]
labels
attachments

To hide/show a <div>

<a name="h1name"></a><h1>Heading 1 Text</h1>
<span id="h1show"><a href="#h1name" 
onclick="h1.style.display='block';h1.style.border='3px solid #999999';
h1.style.margin='10px';h1hide.style.display='inline';
h1show.style.display='none'">
Show Code</a></span>
<span id="h1hide" style="display:none"><a href="#h1name" 
onclick="h1.style.display='none';
h1show.style.display='inline';h1hide.style.display='none'">
Hide Code</a></span>
<span id="h1" style="display:none"><pre><h1>Heading Text</h1></pre></span>
<hr />
no comments | post comment
see also:
snipsnap-index Javascript snipsnap-search Javascript...
Java & J2E... Cascading ... Menu Links Examples

Menu:
Java & J2EE
Development
Books

Help:
Help FAQ
Formatting


< September 2010 >
SunMonTueWedThuFriSat
1234
567891011
12131415161718
19202122232425
2627282930


Logged in Users: (0)
… and 13 Guests.

Recently Changed


Disclaimer: Views and opinions are that of the individual author, and not that of Marand Custom Solutions. This site is an open forum for technical content, and the company accepts no liability for any content or view expressed.