Initial twiddle mechanics.

lib/gollum/frontend/public/javascript/gollum.js

@@ -95,4 +95,12 @@ $(function(){
     var format = $('#guides .write select[name=format] option:selected').attr('value')
     Gollum.enclose(el, 'gollum', 'image')
   })
+
+  $('#editbar .tab a').click(function() {
+    if ($(this).hasClass("open")) {
+      $(this).removeClass("open")
+    } else {
+      $(this).addClass("open")
+    }
+  })
 })

lib/gollum/frontend/templates/edit.mustache

@@ -22,14 +22,14 @@
           <span title="Image" class="image button">Image</span>
         </div>
         <div class="group">
-          <span class="tab">
+          <span class="tab advanced">
-            <a class="open" href="">Advanced</a>
+            <a href="#">Advanced</a>
           </span>
-          <span class="tab">
+          <span class="tab special">
-            <a href="">Special Characters</a>
+            <a href="#">Special Characters</a>
           </span>
-          <span class="tab">
+          <span class="tab help">
-            <a href="">Help</a>
+            <a href="#">Help</a>
           </span>
         </div>
       </div>