FC2ブログ

開閉パネル実装

開閉パネル実装

これをやると、Wikipediaでクリックしたら
文が出てくるようになる

開閉パネルは
dlリストとして定義

クリックするためのタイトルをdt要素 

開閉できる本文をdd要素にする

簡単なソースなら


タイトル

開閉できる本文



続いて、開閉パネルのスタイル設定

注目するべきは
CSSで
display:none;
にしないこと

これは、表示、非表示はjQueryで管理するから

これには理由があり、javascriptが
無効化されてもコンテンツを楽しめるようにするため
もし、CSSで設定なら
javascript無効化すると、何も見れなくなるから

セキュリティー関連で、Javascriptを切るようにしていることもあるため
こういう配慮も必要
スポンサーサイト



コメント

非公開コメント

最新記事
検索フォーム
GREEハコニワ攻略サイト
リンク
カテゴリ
月別アーカイブ
フリーエリア
最新記事
FXプライムレート
最新コメント
最新トラックバック