てるてるブログ

てるてるぼうずの日常やらお勉強やら

jsのアコーディオン「Animated JavaScript Accordion V2」

Posted on | 2月 4, 2010 | 2 Comments

クリックするとボックスが開閉してコンテンツがあらわれるアコーディオン。
サイトの省スペースにもなり、簡単に動きのあるサイト風に出来るのがおいしいところかな。

Animated JavaScript Accordion V2
↑こちらのサイトのは、追加するコードも少なくてアコーディオンの開閉も比較的スムーズ。

サンプルページはこちら


上記ページの「Click here to download the source code.」からファイルを一式ダウンロード。
フォルダ内のscript.jsをアップしheadタグ内に↓を加えます。

<script type="text/javascript" src="script.js"></script> 

アコーディオン式に開閉する部分はdl要素を使ってます。
まずはbodyの閉じタグの前くらいに↓のように、開閉するdl要素に付けるid名を指定。

<script type="text/javascript">
var slider1=new accordion.slider("slider1");
slider1.init("dl要素に付ける任意のid名");
</script>
<dl id="任意のid名">
<dt></dt>
<dd></dd>
</dl>

サンプルの2つ目の一番上だけ開いているパターンは、bodyの閉じタグ上のコードに開いていおく要素の番号を加えます。

<script type="text/javascript">
var slider1=new accordion.slider("slider1");
slider1.init("dl要素に付ける任意のid名",開いておく要素の順番,"open");
</script>

サンプルページでは一番上が開いているので順番は“0”、二番目が“1”になる様です。

トラックバックURL:

Comments

2 Responses to “jsのアコーディオン「Animated JavaScript Accordion V2」”

  • Dannyamoma
    2月 15th, 2017 @ 10:30 PM

    Имеется такая услуга – добровольное медицинское обслуживание .
    Она предполагает, что вы вносите небольшую сумму за то, что ходит на прием весь год не платя за каждый прием.
    Однако опросы показали, что лишь 4% жителей Санкт-Петербурга знают об этом.
    Почему так происходит?
    Да потому что клиникам намного выгодней брать плату за каждый визит.
    А если какой-нибудь сотрудник клиники попытается посоветовать добровольное медицинское обслуживание клиенту – это сулит ему увольнением.
    Информация о ДМО уже спровоцировала кучу скандалов, после того как информацию об этом рассекретил один возмущенный врач.
    Его уволили , после того, как он посоветовал ДМО постоянному клиенту.
    Самое ужасное, что информация по ДМО находились в открытом доступе, просто находили на эту информацию только случайные люди.
    Как отстоять свои права?
    О правилах предоставления такой услуги и обязанностях клиник можно узнать, сделав запрос в Яндексе: “добровольное медицинское обслуживание”.
    Обязательно обслуживание, а не страхование.

    34j5c6h86

  • Tyronevap
    1月 11th, 2017 @ 2:01 AM

    origami flower rose twitter.com/origamilesson origami zombie

Leave a Reply





*

About

てるぼうず

てるてるぼうずな日常やらお勉強やら

旧ブログ倉庫 »
旧ブログの記事をお探しの方はこちらから

Admin