I am using a div to initially fill a directory listing. Once I look at what files I want, I click on a javascript link and change the div height from the initial 600px to 200px.

This is my JS code which tries to change the height but it doesn't work:

PHP Code:

document.getElementById("directory_container").height = "100px"; 


How can I dynamically change my div height?

Thanks...

<a href="#" onMouseOver="text1.style.height = 0;">Contract</a>
<a href="#" onMouseOver="text1.style.height = 100;">Expand</a><br />
<br /><br />

<div id="text1"></div>

You can also use onClick for the links.

</div>