Question

Using CSS I have set a DIV called ‘tidy’ to invisible and width 0px.

<div id='tidy'>Test div I am hidden</div>

I am trying to use just javascript to keep the page light, so cannot use jquery.

How can I make a link that when clicked will make the div visible again and set width to xxxpx?

Answer 1

see demo here

function makevisible() {
     var tidy = document.getElementById("tidy");
     tidy.style.display= 'block';
     tidy.style.width = '100px';    
}  ​