<br><div class="gmail_quote"><blockquote class="gmail_quote" style="border-left: 1px solid rgb(204, 204, 204); margin: 0pt 0pt 0pt 0.8ex; padding-left: 1ex;">
What I'm trying to accomplish is to "display:none" or "display:block" the following element whenever the <a> is onclicked.<br>
</blockquote><div><br>Maybe this will help you to accomplish the flip flop part of your situation<br><br><script type="text/javascript"><br>function flipflop(element){<br>var foo;<br>foo = document.getElementById(element);<br>
if(foo.style.display != 'block')<br>{<br>foo.style.display = 'block';<br>}<br>else<br>{<br>foo.style.display = 'none';<br>}<br>}<br></script><br><br>now you can simply:<br><a onclick="flipflop('SOME_ELEMENT');">Flip Flop some thing</a><br>
<br>if this isn't what you need or if you can't apply the nextSibling thing on the above function, then please tell...<br> <br></div><blockquote class="gmail_quote" style="border-left: 1px solid rgb(204, 204, 204); margin: 0pt 0pt 0pt 0.8ex; padding-left: 1ex;">
<br>
As you pointed out "document.getElementById()" returns not the id, but the href.  (That really puzzles me and differs from the O'Reilly books on Javascript and Dynamic HTML).<br>
<br>
Is this a known bug?  If it is I will have to wrap my tags in such a way that I can find the other node relative to it some other way.<br></blockquote></div><br>it may be a known bug for Mozilla like browsers<br>