[supernova333]

I usually stay away from dynamically hiding and showing layers because of older browser support, but for this project it doesn't matter. I just want this to work in IE 5+ and NN6+ so it seems like it should be easy.

I am trying to make a link or div that you can click and have another div appear under it. Ideally i want it to use the css display: inline and none attributes to have the div make room when it appears. I am actually using classes and things but here is a basic example of what works in IE:

<div id="news1" onclick="news2.style.display='inline';">Find out what we've been up to.</div>
<div id="news2" style="display: none;">Well, here is all the news about us...</div>

What do I need to make this effect work in Netscape/Mozilla?

Thanks!

[supernova333]

I've been searching all night for this and I find out about the getElementById() function a few minutes after I post:

function showLayer(layerName)
{
	if (document.getElementById) // Netscape 6 and IE 5+
	{
  var targetElement = document.getElementById(layerName);
  targetElement.style.display = 'block';
	}
}

function hideLayer(layerName)
{
	if (document.getElementById) 
	{
  var targetElement = document.getElementById(layerName);
  targetElement.style.display = 'none';
	}
}

Thanks anyway

[codeman]

Yes, it's quite useful. Find more cool stuff regarding the DOM at http://www.brainjar.com