javascript - 如何切换隐藏/显示 div 标签并同时移动另一个标签？

Question

我在下面有一个脚本，它在单击超链接时隐藏了一个 DIV 标记（在本例中为“foo”）。然后显示再次单击链接的时间。

该脚本非常适合我的使用，但需要稍微修改编码以移动另一个（“在本例中为“条”）。

我想将 DIV 标记 ID“栏”移动到页面上的另一个位置。再次单击链接，我希望它再次移回。

<script type="text/javascript">
function toggle_visibility(id) {
var e = document.getElementById(id);
e.style.display = ((e.style.display!='none') ? 'none' : 'block');
}
</script>

<a href="#" onclick="toggle_visibility('foo');">Click here to toggle visibility of element #foo</a>
<div id="foo">This is a foo</div>
<div id="bar">This is a bar</div>

Answer 1

为什么不直接将DIV的CSS位置设置为relative/absolute/fixed/whatever，同时使用CSS方法改变DIV的左/右上/下属性呢？