Toggle elements visibility with the same ID?

Guest_imported · Oct 17, 2001

Hi, (newbie alert!)

<input type="button" onclick="document.all.hideMe.style.visibility= 'hidden';">

<div id="hideMe"></div>

..this would hide the div on button click.

But how could I hide several elements that have the same id? - also it must be inline code, like above.

Such as -

<div id="hideMe">Hide me on button click</div>
<div id="hideMe">Hide me also on button click (with same id)</div>

Cheers,

Dave

hendrix · Oct 17, 2001

Hi there ,
one way to do it is to put your div's in a form
and do the hide event to the whole form
like this exemple-

<HTML>
<HEAD>
<META NAME="GENERATOR" Content="Microsoft Visual Studio 6.0">
</HEAD>
<BODY>
<input type="button" onclick="document.all.i.style.display='none'">
<BR>
<FORM name="i">
<div id="hideMe">Hide me on button click</div>
<BR>
<div id="hideMe">Hide me also on button click</div>
</FORM>
</BODY>
</HTML>
the things that you need to hide you put inside the form
there must be an different way to do so if that's not
working for you let me know - i'll think of something else.
Hendrix.

Tek-Tips is the largest IT community on the Internet today!

Members share and learn making Tek-Tips Forums the best source of peer-reviewed technical information on the Internet!

Toggle elements visibility with the same ID?

Guest_imported

New member

hendrix

Programmer

Similar threads

Part and Inventory Search

Sponsor