Add JS behaviors

app/assets/javascripts/behaviours/details_behavior.coffee

+$ ->
+  $("body").on "click", ".js-details-target", ->
+    container = $(@).closest ".js-details-container"
+
+    container.toggleClass "open"

app/assets/javascripts/behaviours/toggler_behaviour.coffee

+$ ->
+  $("body").on "click", ".js-toggler-target", ->
+    container = $(@).closest ".js-toggler-container"
+
+    container.toggleClass "on"

app/assets/stylesheets/behaviors.scss

+// Details
+//--------
+.js-details-container .content { display: none; }
+.js-details-container .content.hide { display: block; }
+.js-details-container.open .content { display: block; }
+.js-details-container.open .content.hide { display: none; }
+
+
+// Toggler
+//--------
+.js-toggler-container .turn-on  { display: inline-block; }
+.js-toggler-container .turn-off { display: none; }
+.js-toggler-container.on .turn-on  { display: none; }
+.js-toggler-container.on .turn-off { display: inline-block; }

app/assets/stylesheets/main.scss

@@ -83,6 +83,11 @@ $baseLineHeight: 18px !default;
  */
 @import "common.scss";
 
+/**
+ * Styles necessary to support JS behaviours.
+ */
+@import "behaviors.scss";
+
 /**
  * Styles related to specific part of app
  */