toggle buttons on row click

static/allowances.js

@@ -0,0 +1,6 @@
+$(function() {
+    $(".controls").hide();
+    $(".name").click(function(e) {
+        $(this).next(".controls").toggle();
+    });
+});

templates/_base.html

@@ -17,6 +17,6 @@
         </section>
         <script src="/s/jquery-latest.js"></script>
         <script src="/s/bootstrap/js/bootstrap.min.js"></script>
-        {{ template "script" . }}
+        <script src="/s/allowances.js"></script>
     </body>
 </html>

templates/index.html

@@ -16,8 +16,8 @@
             </thead>
             <tbody>
                 {{ range .children }}
-                <tr>
+                <tr class="name">
-                    <td class="name">
+                    <td>
                         {{ .Name }}
                     </td>
                     <td>
@@ -39,14 +39,3 @@
         </table>
     </div>
 {{ end }}
-
-{{ define "script" }}
-    <script>
-        $(function() {
-            $(".controls").hide();
-            $(".name").click(function(e) {
-                console.log(e)
-            });
-        });
-    </script>
-{{ end }}