tasks content visibility can be toggled

public/static/css/styles.css

@@ -142,6 +142,14 @@ hr{
 .noteContent {
     padding-top: 7px;
     font-size: 0.9em;
+    display: none;
+}
+
+.toggle{
+  height: 30px;
+  padding:1px;
+  margin-top:-30px;
+  float:right;
 }
 
 .notefooter{

public/static/js/script.js

@@ -40,5 +40,7 @@ $(document).ready(function(){
         }
      }
    );*/
-
+$('.toggle').click(function(){
+     $(this).next().toggle();
+   });
 });

public/templates/home.html

@@ -34,8 +34,8 @@
   <div class="timeline">
     {{ if .Tasks}} {{range .Tasks}}
     <div class="note">
-      <p class="noteHeading">{{.Title}}</p>
+      <p class="noteHeading">{{.Title}}</p> <button class="toggle btn btn-primary">toggle</button>
-      <hr>
+
       <p class="noteContent">{{.Content}}</p>
       <span class="notefooter">
                     <ul class="menu">