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

jQuery('#myAccordion2').accordion()
HTML
HTML構成は同じです
CSS
CSSは同じです


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

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


activateのデフォルトは、0です。
HTML
HTML構成は同じです
CSS
最初にこのDIVが開きます
CSSは同じです


JavaScript
下に開くとき弾みます

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


animatedのデフォルトは、slideです。
HTML
HTML構成は同じです
CSS
CSSは同じです (下に開くとき弾みます)


JavaScript
animated:'easeslide'で開きます

jQuery('#myAccordion5')
    .accordion({animated:'easeslide'})
HTML
HTML構成は同じです
CSS
CSSは同じです






※記事内容は執筆時点のものです。最新の内容をご確認ください。
※OSやアプリ、ソフトのバージョンによっては画面表示、操作方法が異なる可能性があります。