Show/Hide Div

**Ansuiya** · Feb 9 '07, 07:55 AM

ok wait..

jus chk this out.. http://www.netlobo.com/div_hiding.html

i wanted this kind of output.. the code is given but that is bit complex..

**Nert** · Feb 9 '07, 08:32 AM

Originally posted by Ansuiya

ok wait..

jus chk this out.. http://www.netlobo.com/div_hiding.html

i wanted this kind of output.. the code is given but that is bit complex..

now i got what you really wanted to do..,
here try this code i just made the code from the site you gave a bit smaller and easy to understand.

Code:

<script language='javascript1.2'>
function showdiv(show){	
	var obj = document.getElementById(show).style;
	if(!obj.display)
		obj.display = 'none';
	else
		obj.display = '';		
}
</script>

you can make your own html code or just try this one to test whether it is working.
HTML:

Code:

<body>
	<p>
		Do not link to other websites for promoting/traffic generation. Only link to helpful resources
		<a href="javascript:showdiv('demodiv');">  Add a Comment</a>	
	<div id="demodiv" >
		Do not link to other websites for promoting/traffic generation. Only link to helpful resources
	</div>	
	<input type="text" runat="server" id="tbSearch" /> 
	</p>
</body>

**Ansuiya** · Feb 9 '07, 09:19 AM

hey nert thanx 4 the help 1 more thing left plz do it.. actualy after clicking it shud show the div.actually it is showing when the page loads.It shud b hidden on page load ,after clicking it shud b visible..

**acoder** · Feb 9 '07, 10:31 AM

Use
[HTML]<div id="demodiv" style="display: none;">[/HTML]

**Ansuiya** · Feb 9 '07, 10:42 AM

Now the problem is solved.Thank u ALL............ ............

**acoder** · Feb 9 '07, 11:01 AM

No problem, you're welcome. A special thanks to Nert for solving most of your problem.