jQuery UI アコーディオン

こちらはクリックで開きます

jQuery('#myAccordion2').accordion()

HTML構成は同じです

CSSは同じです

最初2番目(0から数えます)を開いておきます。

jQuery('#myAccordion3').accordion()
.activate(2);

activateのデフォルトは、0です。

HTML構成は同じです

最初にこのDIVが開きます
CSSは同じです

下に開くとき弾みます

jQuery('#myAccordion4')
    .accordion({animated:'bounceslide'})
    .activate(2);

animatedのデフォルトは、slideです。

HTML構成は同じです

CSSは同じです (下に開くとき弾みます)

animated:'easeslide'で開きます

jQuery('#myAccordion5')
    .accordion({animated:'easeslide'})

HTML構成は同じです

CSSは同じです