javascript question

[handlewithbeer]

hopefully someone can assist me with this.

trying to make it so that when one div in my html page is hidden, another one is visible. tried this

function hideShow(first,second)
{

var div1 = document.getElementById(first).style;
var div2 = document.getElementById(second).style;

div1.display = div1.display? "block":"";
div2.display = div2.display? "":"block";
}

not sure how to proceed.

any help greatly appreciated.

thanks.

 

[HJB417]

http://www.netlobo.com/div_hiding.html
does that help?

 

[Gill Bates]

function toggle(id)
{
   var div = document.getElementById(id);
   div.style.display = (div.style.display == "none") ? "inline-block" : "none";

   // you could also try this...
   // div.style.visibility = (div.style.visibility == "hidden") ? "visible" : "hidden";
}

function hideShow(first,second)
{
  toggle(first);
  toggle(second);
}