次のjsfiddleでは、[Exapand All]ボタンが正常に機能します(折りたたみと展開)。
ただし、HAML形式で使用すると、[すべて展開]/[すべて折りたたむ]機能が機能しません。問題がどこにあるかを特定できません。
これがHAMLの私のコードです。
%a{ href:"#", class: "expandcollapse"}
%i.icon-white.icon-plus-sign
Expand All
#programs-accordion.accordion
- @patient_summary.programs.each_with_index do |program, index|
.accordion-group
.accordion-heading
.accordion-toggle.group-accordion-toggle
%a{ href: "#collapse-#{index}", data: { parent: '#programs-accordion', toggle: 'collapse' }}
%i.icon-plus
%a= program.name
.accordion-body{id: "collapse-#{index}", class: (@office.to_i == office.id) ? "" : "collapse" }
.accordion-inner
- office.positions.each_with_index do |position, index|
#measures-accordion.accordion
.accordion-group
.accordion-heading
.row-fluid
.span2{class: "offices-#{position.status}"}= position.status
.span1= position.results.first.value
.span2= position.results.first.value_date_time.blank? ? '' : Date.parse(position.results.first.value_date_time)
.span5= position.name
注:jsfiddleリンクを更新しました