Expand Sections

[WStoreyII]

When i am looking through the msdn i always see these buttons that when you
click them a new page or paragraph ect. appears and the other content is
pusshed down how is this affect achieved.

WStoreyII

 

[Ben Lovell]

Hi,

Use something similar to the following:

<!-- start -->

<script>
function ShowHideContent()
{
if(document.all['divHidden'].style.display == 'none')
{
document.all['divHidden'].style.display = 'block';
}
else
{
document.all['divHidden'].style.display = 'none';
}
}
</script>
<a href="javascript:ShowHideContent();">Click Me</a>
<div style="display:none" id="divHidden" name="divHidden">
Hello, this is a test!
</div>

<!-- end -->

This works by dynamically setting the display CSS property of the DIV.