Brent wrote:
Thanks for your help, Rob. I can see that this code is more efficient.
I've implemented it into my page. But it has the same behavior as the
old bit, so I'm not sure at all where the problem is. Maybe it's a
z-index issue, such that the hidden div goes about hiding the shown div?
Then again, nothing on the page is absolutely positioned. Confusing!
Please don't top-post - reply directly below a trimmed quote from the
previous post. You seem to be using Thunderbird, it should
automatically put the cursor below the quoted message you are replying to.
Setting display to 'none' effectively removes the element from the page.
I can't tell what your issue is, you need to show a bit of the HTML
that you are using and your modified code.
Here is a working snippet that may provide a clue:
<script type="text/javascript">
function switchdiv()
{
ShowHide('display');
ShowHide('edit');
}
function ShowHide(elId)
{
var el = document.getElementById(elId);
el.style.display = ('none' == el.style.display)? '':'none';
}
</script>
<input type="button" value="Switch divs" onclick="switchdiv();">
<div id="display">This is the display div</div>
<div id="edit" style="display: none;">And this is the edit div</div>
[...]
--
Rob
