ハイパーリンクがクリックされたときに DIV タグ (この場合は「foo」) を非表示にするスクリプトを以下に示します。次に、リンクがもう一度クリックされたときに表示されます。
このスクリプトは私の用途には完璧に機能しますが、コーディングを少し修正して、別のスクリプト (「この場合は「バー」) を移動する必要があります。
DIV タグ ID "bar" をページの別の場所に移動したいと考えています。リンクをもう一度クリックして、もう一度元に戻したい。
<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>