diff --git a/patterns/molecules/faq-list/faq-list.html.twig b/patterns/molecules/faq-list/faq-list.html.twig index 3339feca8736b69dedf9e1fb28fa7076fdd0c342..898d386af4b74ece86a21b00e46d3525d16da800 100644 --- a/patterns/molecules/faq-list/faq-list.html.twig +++ b/patterns/molecules/faq-list/faq-list.html.twig @@ -3,21 +3,26 @@ * FAQ List Display Pattern Twig. #} -{# Content #} -<div class="faq-list-content"> - {# Title field #} - {% if title | render %} - <div class="faq-list-content-title clearfix"> - <h2> - {{ title }} - </h2> - <span class="pull-right collapseManager">+</span> - </div> - {% endif %} - {# Body field #} - {% if body | render %} - <div class="faq-list-content-body hidden clearfix"> - {{ body }} - </div> - {% endif %} -</div> +{% set nhash = random() %} + + +<div class="panel panel-default"> + <div class="panel-heading"> + <h4 class="panel-title"> + <a + data-parent="#{{ "accordion"~ nhash }}" + data-toggle="collapse" + class="collapsed" + aria-expanded="false" + href={{ "#collapse"~ nhash }} >{{ title }} + </a> + </h4> + </div> + <div class="panel-collapse collapse" + aria-expanded="false" + id={{ "collapse"~ nhash }}> + <div class="panel-body"> + {{ body }} + </div> + </div> +</div> \ No newline at end of file