Show/Hide Content

NvRDream Admin · 1 Show/Hide Content Fri Jun 22, 2012 10:32 am

NvRDream Admin

Posts : 74

FA Coins : 133
Likes

Likes : 6

Pet Name : Moderator

Pet Level : 33

: :

: :

: :

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.

DEMO

Notice : This tutorial is copyrighted by FreshArtz. You may not publish it on anywhere without written permission from the administrators.