電子書籍の厳選無料作品が豊富！

表示/非表示の切り替え

解決済

  • 質問者：ps5550
  • 質問日時：
  • 回答数：1件

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>
======================================================================

通報する

この質問への回答は締め切られました。

質問の本文を隠す

A 回答 (1件)

No.1ベストアンサー

  • 回答者： BLUEPIXY
  • 回答日時：

style.visibility


ではなく
style.display
を使います
消す時:'none'
表示する時:'inline'または'block'
    • good
    • 0
    • 件
通報する
この回答へのお礼

ありがとうございます。
できました。
助かりました。

通報する
お礼日時：2005/02/23 14:47

お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう！

Q質問する（無料）

関連するカテゴリからQ&Aを探す

ページトップページトップ

Q質問する（無料）

デイリーランキングこのカテゴリの人気デイリーQ&Aランキング

マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング

おすすめ情報