ウェブサイトによくあるアコーディオン型のスライダーを使ってみる。
ソース配布先は
こちら。Click here to download the source code.からダウンロード出来ます。
サイト内のダウンロードリンクは
こちら。
基本的にはダウンロードしたaccordion.zipを解凍した中にあるindex.htmlと同じように組み込んでいけば同じように使えます。
<head>にjsファイルとcssファイルの呼び出しを記述
<body>部分にdiv,dl,dt,ddでリスト作成
最後にJavascriptの記述を。
記述の仕方でページを開いた時にリストを閉じておくか、どれかを開いた状態で表示するかを変更できます。
すべて閉じる場合
どれかを開いておく場合
slider1.initの第2引数にどこを開いておくかを記述します。
0だと1番目、1だと2番目を開く、といった感じ。
サンプルは
こちら
cssを編集すればいろいろアレンジ出来そう?
おわり。
PR