Hide a DIV element based on dropdownlist selection

[Chris Kettenbach]

Good morning all,
Any ideas for an easy function to show/hide a DIV element? I have two drop
down lists on a page. I have two div elements I want to show and hide. If
you select "other" in dropdownlist 1 I want to show hidden DIV 1, or if the
user selects "other" in dropdownlist 2 I want to show hidden DIV 2. And
vice versa, if "other" is not selected, I want to show the relevant div. I
can do this with two different function, but i think I could combine this
into one function. I want to call this from either dropdown and pass itself
to the function, if the dropdownlist is dropdown1 I want to evaluate it and
hide/show DIV1, or if it's dropdown2, I want to show/hide DIV2. Any
suggestions? Thanks Everybody.

Regards,
Chris

[Thomas 'PointedEars' Lahn]

Chris Kettenbach wrote:

Good morning all,
Good evening.
Any ideas for an easy function to show/hide a DIV element?

Script:

function setStyleProperty(o, sProperty, value)
{
if (o)
{
if (typeof o.style != "undefined")
{
if (typeof o.style[sProperty] != "undefined")
{
return (o.style[sProperty] = value) == value;
}
}
// for NN4, positioned elements only
else if (typeof o[sProperty] != "undefined")
{
return (o[sProperty] = value) == value;
}
}

return false;
}

function show(o)
{
return setStyleProperty(o, "visibility", "");
}

function hide(o)
{
return setStyleProperty(o, "visibility", "hidden");
}

var ref = referenceToDivElement;
HTML:

<select ... onchange="(condition) ? show(ref) : hide(ref);">
BTW, I think that's a FAQ.
HTH

PointedEars