上記の広告は1ヶ月以上更新のないブログに表示されています。新しい記事を書く事で広告が消せます。TipsJavaScriptCSSDHTML今回は、タイトルヘッダーなどの箇所をクリックすると、アコーディオン形式でコンテンツエリアが開閉して記事が見れたり隠せたりできるJavaScript/CSSの紹介・実装方法を紹介したいと思います。サンプルは以下の通りです。JavaScriptJavaScript(ジャバスクリプト、ジャヴァスクリプト、略称:JS)はスクリプト言語である。Webブラウザ上で動作し、HTMLの動的書き換えや入力フォームの自動補完など、ウェブページの使用感向上を目的として使用されたり、リッチクライアントアプリケーションの構築に使われる。Language(ハイパーテキスト・マークアップ・ランゲージ、略称:HTML)は、ウェブ上のドキュメントを記述するためのマークアップ言語である。ウェブの基幹的役割を持つ技術の一つで、HTMLでマークアップされたドキュメントはほかのドキュメントへのハイパーリンクを設定できるハイパーテキストであり、画像・リスト・表などの高度な表現力を持つ。要素をどのように修飾(表示)するかを指示する仕様であり、W3Cによる勧告の一つ。文書の構造と体裁を分離させるという理念を実現する為に提唱されたスタイルシートの、具体的な仕様の一つ。(引用元:Wikipedeia)実装方法は以下の通りです。1.以下のJavaScriptをダウンロードし、サーバにアップロードもちろん、各自のサーバにアップロードしてください。各自のサーバにアップロードしたURLを記述し、スクリプトファイルを呼び出す。記事ごとに以下を記述これはスクリプトの設定なので、気にせず中身を統一させたいのであれば、2項と同様でヘッダ間に記述するだけで大丈夫です。毎回記述ごとに設定を変えたい場合、5項とセットで毎回記述ください。Commentsちょ。テンプレート上記広告は1ヶ月以上更新のないブログに表示されています。新しい記事を書くことで広告を消せます。