When you add $('.collapsible').collapsible(); to site scripts and adding (slim):
ul.collapsible.popout[data-collapsible='expandable'] li .collapsible-header h3 Done .collapsible-body = render partial: 'appointments/list', locals: { appointments: @client.appointments.done }
You click at header, it applies 'active' class to it, buy in css collapsible-body is display:none;
When you add $('.collapsible').collapsible(); to site scripts and adding (slim):
ul.collapsible.popout[data-collapsible='expandable'] li .collapsible-header h3 Done .collapsible-body = render partial: 'appointments/list', locals: { appointments: @client.appointments.done }
You click at header, it applies 'active' class to it, buy in css collapsible-body is
display:none;