列車時刻表(10) – 乗車予定リストをアコーディオンを使って表示する | Try Lifelog

列車時刻表の作成を継続する。これまで、保存した乗車予定は listview を使って一覧を表示してきたが、項目が多くなりそうなので、accordion で表示するように変更する。 各折り畳みブロックのヘッダ(‘h3′)部分に「区間・時刻」「路線名」を、ボディ部分(‘p’)に「列車詳細」「変更ボタン」を表示する。ボタンなどのコンテンツを動的に追加した場合は、 $(selectore).trigger('create'); として表示を更新する。以下のコードでは、各ブロックに共通のクラス名(clsColRideList)をセットしておき、最後にまとめて create している。 // JavaScript for (var i=0; i < rides.length; i++ ){ // 各ブロックの組み立て // 区間・時刻 _section = rides[i].on_stname + '