ブロックの折りたたみ&展開

adminさんのユーザアバター

JavaScriptでスタイルシートの設定との関連付けをコントロールすることで、内容を表示させたり、折りたたんだりすることができます。

Javascript内で、スタイルを指定しておかないと、Javascriptが無効になっているブラウザでは、『折りたたむ』に初期設定した部分は、参照することができなくなる。
Javascript内に設定すると、Javascriptが無効のときは、スタイルシートも読み込めないので、display: none;が有効にならず、内容が初期状態で表示される為、内容が表示されないままになることを回避できる。

詳しい記述は、サンプルページのソースを参照してみて下さい。

サンプル画面

正しくない部分があるかもしれませんので、正確なところは、ご自身でお調べ下さい(^_^;)

関連書籍



iPhoneアプリケーション開発ガイド ―HTML+CSS+JavaScript による開発手法
著者: Jonathan Stark   出版年月: 2010-08-07  
定価: ¥ 1,995 (新品)
実験、論文、技術報告書のためのテクニカルイラストレーター
著者: 新海 吉幸   出版年月: 2010-07-29  
定価: ¥ 2,100 (新品)
日経ソフトウエア 2010年 09月号 [雑誌]
出版年月: 2010-07-24  
定価: ¥ 1,180 (新品), ¥ 1,130 (中古)
日経ソフトウエア 2010年 08月号 [雑誌]
出版年月: 2010-06-24  
定価: ¥ 1,180 (新品), ¥ 900 (中古)
iPhoneのオモチャ箱 iPhone SDKプログラミング
著者: 徳井 直生   出版年月: 2010-06-22  
定価: ¥ 3,675 (新品), ¥ 2,879 (中古)
Your rating: なし Average: 4 (3 votes)