I've got a script where I'm trying to toggle the visibility of a div
node by a click on an image that is the sibling of the div.
So I've got this HTML:
<div>
<img src="RightPoint ingTriangle.gif " onclick="opencl ose(this);">
<span class="title">t itle</span>
<div class="contents ">
Hi. This is the contents.
</div>
<div class="children ">
</div>
</div>
And this javascript:
function openclose(imgem t)
{
if(imgemt.src.i ndexOf("RightPo intingTriangle. gif") > -1)
{
imgemt.src = "DownRightPoint ingTriangle.gif ";
imgemt.src = "DownPointingTr iangle.gif";
parent = imgemt.parentNo de;
//find the parent of the image element
contents = parent.childNod es[2];
//get the child of that element that is a
//div with the class contents
//alert("contents :" + properties(cont ents));
contents.style. visibility = 'visible';
}
else
{
imgemt.src = "DownRightPoint ingTriangle.gif ";
imgemt.src = "RightPointingT riangle.gif";
parent = imgemt.parentNo de;
//find the parent of the image element
contents = parent.childNod es[2];
//get the child of that element that
//is a div with the class contents
alert("contents :" + contents);
contents.style. visibility = 'hidden';
}
}
The problem I'm seeing seems to be that when I try to set
contents.style. visibility to 'visible' or 'hidden', I get
the following error:
Error: contents.style has no properties
Source File: http://weston.canncentral.org/misc/sheesh/test.html
Line: 16
Why would this be the case, and how could I fix it?
The test page is viewable on the net, by the way, at:
http://weston.canncentral.org/misc/sheesh/test.html