diff --git a/app/views/branded/answers/_new_edit.html.erb b/app/views/branded/answers/_new_edit.html.erb
index 6ca169b..397d2c1 100644
--- a/app/views/branded/answers/_new_edit.html.erb
+++ b/app/views/branded/answers/_new_edit.html.erb
@@ -72,10 +72,10 @@
     <% question.get_example_answers([base_template_org.id, template.org.id]).each do |annotation| %>
       <% if annotation.present? && annotation.org.present? && annotation.text.present? %>
         <div class="panel panel-default example-answer">
-          <span class="label label-default">
+          <span class="label label-default example-answer-link" data-toggle="collapse" data-target="<%= "#example-#{question.id}"  %>">
             <%="#{annotation.org.abbreviation} "%> <%=_('example answer')%>
           </span>
-          <div class="panel-body">
+          <div class="panel-body collapse in" id="<%= "example-#{question.id}"  %>" >
             <%= raw annotation.text %>
           </div>
         </div>
diff --git a/lib/assets/stylesheets/dmpopidor.scss b/lib/assets/stylesheets/dmpopidor.scss
index 6a8ef19..df1d26c 100644
--- a/lib/assets/stylesheets/dmpopidor.scss
+++ b/lib/assets/stylesheets/dmpopidor.scss
@@ -290,6 +290,11 @@
     // example answer
     .example-answer {
         overflow: auto;
+        .example-answer-link {
+            cursor: pointer;
+            background-color: $blue;
+            display: block;
+        }
     }
     // main border
     .panel-default {