toc.pre

<%block name="head">
 <link type="text/css" rel="stylesheet" href="/css/jquery.tocify.css"/>
 <script src="/js/jquery.min.js"></script>
 <script src="/js/jquery-ui-1.10.2.custom.min.js"></script>
 <script src="/js/jquery.tocify.min.js"></script>
 <script>
     function hashGen(str, elem) {
         var val = str.replace(/[?!'"]/g, "-");
         val = val.toLowerCase().replace(/\s/g, "-");
         // fix double hyphens
         while (val.indexOf("--") > -1) {
             val = val.replace(/--/g, "-");
         }
         // fix colon-space instances
         while (val.indexOf(":-") > -1) {
             val = val.replace(/:-/g, "-");
         }
         // no trailing -
         val = val.replace(/-$/, "");
         return val;
     }

     $(function () {
 $("#toc").tocify({hashGenerator: hashGen, theme: "none", selectors: "h2,h3"});
 });
 </script>
</%block>

<div class="row-fluid">
<div class="span4 hidden-phone" id="toc"></div>
<div class="span8 offset4">