[fizzle]

I guess this is sort of a DHTML/CSS/JavaScript question.

I am trying to do pretty much exactly what is being done here:

http://simplythebest.net/scripts/DHT...script_26.html

The problem is, it doesn't work in Mozilla or Firefox.

Is it possible to do this and have it work in all browsers?

I've searched around, but I haven't had any luck finding anything yet.
Maybe someone here can save me some time and let me know if it's even possible.

Thanks!!!

[brendandonhu]

Here's a sample

<script type="text/javascript">
function hideObj(objId)
{
  if (document.getElementById)
  {
    document.getElementById(objId).style.visibility = 'hidden';
  }
  else
  {
    if (document.layers)
    {
      document.objId.visibility = 'hidden';
    }
    else 
    {
      document.all.objId.style.visibility = 'hidden';
    }
  }
}
function showObj(objId)
{
  if (document.getElementById)
  {
    document.getElementById(objId).style.visibility = 'visible';
  } 
  else
  {
    if (document.layers)
    {
      document.objId.visibility = 'visible';
    }
    else
    {
      document.all.objId.style.visibility = 'visible';
    }
  }
}
</script>

<a href="javascript:showObj('myobject')">Show!</a>
<div id="myobject" style="visibility: hidden;">
This is a DIV.
<a href="javascript:hideObj('myobject')">Hide Me!</a>
</div>

Tested on Firefox 1.x, IE6, Opera 8.x, Netscape 8.x.