<table class="accordion table" id="questionColapsible">
    <tbody>
    <% @categories.each_with_index do |category, index|%>
      <tr class='category-row <%= "active-collapse" if display && category == @question.category %>'>
        <td class='align-middle'>
            <div class="text-center category-title <%= "collapsed" if !display && category != @question.category %>" id='<%= "heading#{index}" %>' role='tab' data-toggle="collapse" data-target='<%= "#collapse#{index}" %>' aria-expanded="false" aria-controls='<%= "collapse#{index}" %>'>
              <h5 class="mb-0">
                <button class="btn btn-link text-type-13" type="button" >
                  <%= category.display_category %>
                </button>
              </h5>
            </div>
            <div id='<%= "collapse#{index}" %>' class='collapse <%= "show" if display && category == @question.category %>' aria-labelledby='<%= "heading#{index}" %>' data-parent="#questionColapsible">
                <table class="display-question-table table">
                  <% category.questions.each do |question| %>
                    <tr class='category-question <%= "active-question" if display && @question == question%>'>
                      <td class="question-table-item text-center"><%= link_to  question.display_question, faq_question_path("question", id: question), :class => "question-link text-type-13" %></td>
                    </tr>
                  <% end %>
                </table>
            </div>
        </td>
      </tr>
    <% end %>
    </tbody>
  </table>