Show/Hide Content

L PROMEGA · 1 Show/Hide Content Wed Jun 13, 2012 10:22 am

L PROMEGA

Posts : 90
Coins

Coins : 4713

Reputations : 2
Firefox

CreativeDesignz
Web Design and Coding

Making Show/Hide Content
Showing and hiding content

This tutorial will tell you how to make show/hide a content

<a onclick ="javascript:ShowHide('HiddenDiv_1')" href="javascript:;" >Show/Hide Content</a>
<div id="HiddenDiv_1" style="DISPLAY: none" >The Content</div>

<script language="JavaScript">function ShowHide(divId){if(document.getElementById(divId).style.display == 'none'){document.getElementById(divId).style.display='block';}else{document.getElementById(divId).style.display = 'none';}}</script>

Code:

If you want to put more show/hide content, You'll have to put the different code that colored red

<a onclick ="javascript:ShowHide('HiddenDiv_1')" href="javascript:;" >Show/Hide Content</a>
<div id="HiddenDiv_1" style="DISPLAY: none" >The Content</div>

<script language="JavaScript">function ShowHide(divId){if(document.getElementById(divId).style.display == 'none'){document.getElementById(divId).style.display='block';}else{document.getElementById(divId).style.display = 'none';}}</script>

That it.