開閉パネル実装
これをやると、Wikipediaでクリックしたら
文が出てくるようになる
開閉パネルは
dlリストとして定義
クリックするためのタイトルをdt要素
開閉できる本文をdd要素にする
簡単なソースなら
- タイトル
- 開閉できる本文
続いて、開閉パネルのスタイル設定
注目するべきは
CSSで
display:none;
にしないこと
これは、表示、非表示はjQueryで管理するから
これには理由があり、javascriptが
無効化されてもコンテンツを楽しめるようにするため
もし、CSSで設定なら
javascript無効化すると、何も見れなくなるから
セキュリティー関連で、Javascriptを切るようにしていることもあるため
こういう配慮も必要