_faq.html.erb in chaltron-1.0.0

- old
+ new

@@ -1,12 +1,14 @@
-<div class="panel panel-default">
-  <div class="panel-heading">
-    <h4 class="panel-title">
-      <%= link_to raw(faq[:question]), "#collapse#{faq_counter}", data: {toggle: 'collapse', parent: '#accordion'}, class: 'accordion-toggle' %>
-    </h4>
-  </div>
-  <%= content_tag :div, id: "collapse#{faq_counter}", class: 'panel-collapse collapse' do %>
-    <div class="panel-body">
+<div class='card'>
+  <%= content_tag :div, id: "heading#{faq_counter}", class: 'card-header', role: 'tab' do %>
+    <h5 class='mb-0'>
+      <%= link_to raw(faq[:question]), "#collapse#{faq_counter}", data: {toggle: 'collapse'},
+        role: 'button', aria: {expanded: false, controls: "collapse#{faq_counter}"}, class: 'collapsed' %>
+    </h5>
+  <% end %>
+  <%= content_tag :div, id: "collapse#{faq_counter}", class: 'collapse', role: 'tabpanel',
+    data: { parent: '#accordion'}, aria: {labelledby: "heading#{faq_counter}"} do %>
+    <div class="card-body">
       <%= raw faq[:answer] %>
     </div>
   <% end %>
 </div>