※ ChatGPTを利用し、要約された質問です（原文：表示/非表示の切り替え）
表示/非表示の切り替え方法と要約文
このQ&Aのポイント
JavaScriptを使用して、要素の表示/非表示を切り替える方法について説明します。
BBBが消えたスペースを空白にせず、AAAとCCCを詰めて表示する方法についても解説します。
さらに、HTMLとJavaScriptのコードの詳細な解説を行い、参考になる情報を提供します。
AAA、BBB、CCCの３つが縦に並んでいるとします。
ここで、あるボタンをクリックすると、BBBが消えるようにしたいです。
JavaScriptを使用して、以下のようなものを作ってみましたが、これだと、BBBが消えたスペースが空白として残ってしまいます。
スペースを残さずに、AAAとCCCを詰めて表示させたいのですが、何か方法はありますでしょうか？
======================================================================
<html>
<body>
<SCRIPT LANGUAGE='JavaScript'>
<!--
function showLAYER(idName){
document.getElementById(idName).style.visibility = 'visible'
}
function hiddenLAYER(idName){
document.getElementById(idName).style.visibility = 'hidden'
}
//-->
</SCRIPT>
<A HREF="javascript:showLAYER('layer1')">[表示]</A>
<A HREF="javascript:hiddenLAYER('layer1')">[非表示]</A>
<br><br>
AAA<br>
<DIV ID = "layer1" >
BBB
</DIV>
CCC<br>
</body>
</html>
======================================================================
お礼
ありがとうございます。 できました。 助かりました。