-->
./
<!-- フラ&#65533;ュが見れな&#65533;のためにここに何か書&#65533; --> フラ&#65533;ュがインス&#65533;&#65533;ルされて&#65533;&#65533;たいで&#65533;&#65533;&#65533;

2010年04月29日

JavaScriptとCSSで特定DIV要素の表示/非表示

JavaScriptとCSSで特定DIV要素の表示/非表示を切り替えるサンプル:phpspot開発日誌
JavaScriptとCSSで特定DIV要素の表示/非表示を切り替えるサンプル。
次のように数行で行える簡単なサンプルが紹介されていてライブラリに依存しない&軽い、簡単な実装を行いたい時に使えます。

<div id="mydiv" style="display:none"><h3>This is a test!<br>Can you see me?</h3></div>
<a href="javascript:;" onmousedown="if(document.getElementById('mydiv').style.display == 'none'){ document.getElementById('mydiv').style.display = 'block'; }else{ document.getElementById('mydiv').style.display = 'none'; }">Toggle Div Visibility</a>



Powered by ScribeFire.

posted by hirono at 04:45| Comment(0) | TrackBack(0) | prototype.js
この記事へのコメント
コメントを書く
お名前:

メールアドレス:

ホームページアドレス:

コメント:

この記事へのトラックバックURL
http://blog.sakura.ne.jp/tb/37440736

この記事へのトラックバック