Update the URL when a job description is clicked

pages/jobs.tmpl

 title=Working at Eyeo
 
 {% set openings = ("HR Manager", "C++ Developer", "Browser Extension Developer", "PR Intern") %}
 {% macro slugify(title) %}{{ title|lower|replace(" ", "-") }}{% endmacro %}
 
 <script src="/js/jquery.ui.core.min.js"></script>
 <script src="/js/jquery.ui.widget.min.js"></script>
 <script src="/js/jquery.ui.tabs.min.js"></script>
 <script>
   jQuery(function()
   {
     jQuery(
-      "ul:first", jQuery("#tabs-openings").tabs()
+      "ul:first", jQuery("#tabs-openings").tabs(
+      {
+        activate: function(event, ui)
+        {
+          location.hash = ui.newTab.find("a")[0].hash;
+        }
+      })
     ).addClass("ui-tabs-nav-vertical");
 
     jQuery("#tabs-details").tabs();
   });
 </script>
 
 
 <header class="page-title">
   <h1>Working at Eyeo</h1>
 </header>
@@ skipping 45 matching lines @@
           <div id="{{ slugify(title) }}">
             <h2>{{ title }}</h2>
             <? include jobs/openings/{{ slugify(title) }} ?>
             <a href="mailto:jobs@eyeo.com"><button>apply now</button></a>
           </div>
         {% endfor %}
       </div>
     </div>
   </div>
 </div>