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

解決済

質問者：slowMay
質問日時：2008/10/17 11:33
回答数：2件

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

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

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

通報する

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

質問の本文を隠す

回答 (2件)

ベストアンサー優先
最新から表示
回答順に表示

No.2ベストアンサー

回答者： LegaC2
回答日時：2008/10/17 12:49

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

簡単に説明すると、ボタンがクリックされると、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>