From ea764995a4b96403e3dad35e920cc4dd82a192ec Mon Sep 17 00:00:00 2001
From: tas12 <tsultanah89@gmail.com>
Date: Tue, 7 Jun 2016 15:56:09 +0100
Subject: [PATCH] add collapsible buttons

---
 views/learn.html | 20 +++++++++++++-------
 1 file changed, 13 insertions(+), 7 deletions(-)

diff --git a/views/learn.html b/views/learn.html
index 388e24b..13af6cd 100644
--- a/views/learn.html
+++ b/views/learn.html
@@ -11,15 +11,21 @@ <h2 class="letterSize">
   <div class="panel panel-default">
   <div class="panel-body">
     {{#each learn}}
-      <div class="learnSection">
-        <h2>{{this.category}}</h2>
-        <h3>{{this.subtitle}}</h3>
-        {{#each this.things_to_know}}
-          <p>{{this}}</p>
-        {{/each}}
+    <div class="container">
+      <h2>{{this.category}}</h2>
+      <button type="button" class="btn btn-info" data-toggle="collapse" data-target="#{{@index}}">{{this.subtitle}}</button>
+      <div id="{{@index}}" class="collapse">
+        <div>
+          {{#each this.thingsToKnow}}
+            <p>{{this}}</p>
+          {{/each}}
+          <a href="{{this.link}}">{{this.link}}</a>
+        </div>
+
       </div>
+    </div>
       <div class="buttonsContainer">
     {{/each}}
     </div>
   </div>
-</div>
\ No newline at end of file
+</div>