プロが教えるわが家の防犯対策術！

クリックしたら記事が表示・非表示

解決済

  • 質問者：slowMay
  • 質問日時：
  • 回答数：2件

趣味でホームページを作っています。発言小町で使われているタイトルをクリックすると記事が表示（非表示）される仕組みはどうやって実現してるのでしょうか？

たとえば↓このページのようにレスのタイトルをクリックすると本文が表示される仕組みです。
http://komachi.yomiuri.co.jp/t/2008/1008/207312. …

Javascriptかなと思ってるんですが素人なもので（涙）
解説しているサイトの紹介でも構いません。お分かりの方、どうぞよろしくお願いします。

通報する

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

質問の本文を隠す

A 回答 (2件)

No.2ベストアンサー

  • 回答者： LegaC2
  • 回答日時：

非常に簡単なサンプルを載せておきます。



簡単に説明すると、ボタンがクリックされると、javascriptのShowHideMessage関数がコールされます。
この関数内で、idがmsg1というタグの表示状態を調べ、表示・非表示を行っています。

<html>
<head><title>sample</title></head>
<body>
<div id="msg1">ここのテキストが表示・非表示されます</div>
<script type="text/javascript">
function ShowHideMessage()
{
var elm = document.getElementById("msg1")
if( elm.style.display == 'none' )
elm.style.display = 'block';
else
elm.style.display = 'none';
}
</script>
<button onclick="ShowHideMessage()">表示・非表示</button>
</body>
</html>
    • good
    • 0
    • 件
通報する
この回答へのお礼

分かりやすい説明をありがとうございました。
Javascriptの勉強もかねてさっそく試してみます！

通報する
お礼日時：2008/10/22 10:01

No.1

  • 回答者： cipher_roy
  • 回答日時：

javascriptのテキスト折りたたみプログラムなどでこういう


仕組みが作れます。

javascript、テキスト折りたたみなどのキーワードを入れればいくらでも
参考にできるソース例が出てきますよ。
    • good
    • 0
    • 件
通報する
この回答へのお礼

テキスト折りたたみですね。
さっそく調べてみます。
ありがとうございました！

通報する
お礼日時：2008/10/22 09:59

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

Q質問する（無料）

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

Q質問する（無料）

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

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

おすすめ情報