jQueryUIでアコーディオンを表示する

求人

jQueryUIでアコーディオンを表示します。

まずjqueryとjquery-ui.min.js、jquery-ui.cssをプリロードします。

アコーディオンにはいろいろなオプションがあります。

active 数値(0,1,2…の順で指定、0が一番上)
collapsible true or false
event  create,beforeActivate,activate
header 見出し要素を指定

header:”h5″というように見出し要素をダブルクォーテーションで囲んで指定します。

activeは未指定の場合、デフォルト0ですが1を指定すると上から2番目のアコーディオンが開いた状態になります。

collapsibleはデフォルトfalseですが、trueにするとアコーディオンを全て閉じることができ、falseだとどれか一つのアコーディオンは開いている状態になります。

イベントは1.10で名前が変わり、change→activate,changestart→beforeActivateになっています。

changeなどではエラーにはなりませんが、動作しなくなりました。

DEMO

jquery.uiの詳細はこちらをどうぞ。

jQueryUIでアコーディオンを表示する

関西で140-170/80~120万から受け付けております^^
得意技はJS(ES6),Java,AWSの大体のリソースです
Python3.6,Djangoを勉強中です,Javaは少し飽きてしまってます–;
コメントはやさしくお願いいたします^^
座右の銘は、「狭き門より入れ」「願わくば、我に七難八苦を与えたまえ」です^^

スポンサーリンク
  • このエントリーをはてなブックマークに追加
スポンサーリンク

コメントをどうぞ

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

CAPTCHA