« ♪間欠メトロノーム;今日のリズム感チェック | トップページ | ◇長さの縮みをどう計測するのか?相対論Q&Q »

HTML表示/非表示切り替えブロック;divとボタン

 HTML中に置く表示/非表示切り替えdivブロック

 HTML記述

<div>
<div id="div_1">
<p><input type="button" value="説明を表示する" style="WIDTH:150px"
   onClick="document.getElementById('div_2').style.display='block';
            document.getElementById('div_1').style.display='none'"></p>
</div>
<div id="div_2" style="display:none">
<p><input type="button" value="説明を隠す" style="WIDTH:150px"
   onClick="document.getElementById('div_2').style.display='none';
            document.getElementById('div_1').style.display='block'"></p>
<p>
なんだかんだ。(説明文)
</p>
<p><input type="button" value="説明を隠す△" style="WIDTH:150px"
   onClick="document.getElementById('div_2').style.display='none';
            document.getElementById('div_1').style.display='block';
            document.location='#div_1'"></p>
</div>
</div>

|

« ♪間欠メトロノーム;今日のリズム感チェック | トップページ | ◇長さの縮みをどう計測するのか?相対論Q&Q »

トラックバック

この記事のトラックバックURL:
http://app.f.cocolog-nifty.com/t/trackback/489055/30220935

この記事へのトラックバック一覧です: HTML表示/非表示切り替えブロック;divとボタン:

« ♪間欠メトロノーム;今日のリズム感チェック | トップページ | ◇長さの縮みをどう計測するのか?相対論Q&Q »