diff --git a/templates/timetable.mustache b/templates/timetable.mustache
index 5df1a43..1ba8d13 100755
--- a/templates/timetable.mustache
+++ b/templates/timetable.mustache
@@ -20,7 +20,7 @@
 {{#periods}}
 <tr sstyle="border:1px black; padding-top:0rem; padding-bottom:0rem">
 <td>
-<a href="javascript:;" style="color: black;" data-container="body" data-toggle="popover" data-placement="top" data-html="true" data-content="{{number}}. Stunde<br/>Beginn: {{starttime}} Uhr<br/>Ende: {{endtime}} Uhr" title="{{starttime}}-{{endtime}}">
+<a href="javascript:;" style="color: black;" data-container="body" data-toggle="popover" data-trigger="hover focus" data-placement="top" data-html="true" data-content="{{number}}. Stunde<br/>Beginn: {{starttime}} Uhr<br/>Ende: {{endtime}} Uhr" title="{{starttime}}-{{endtime}}">
 {{number}}
 <div class="time" id="{{id}}">{{starttime}}-{{endtime}}</div>
 </a></td>
@@ -28,7 +28,7 @@
 <td style="padding-top:0rem; padding-bottom:0rem; vertical-align:middle; border-left:1px black;">
 {{#lessons}}
 <div class="lesson {{#substitution}}substitution{{/substitution}} {{cancel4me}} {{#subtype}}subtype_{{.}} {{/subtype}}">
-<a href="javascript:;" data-container="body" data-toggle="popover" data-placement="top" data-html="true" 
+<a href="javascript:;" data-container="body" data-toggle="popover" data-trigger="hover focus" data-placement="top" data-html="true" 
    data-content="Fach: {{subject}}
    		  {{#subjectchanged}}
    		    {{#cancel}}{{#subjectb}} wird ersetzt durch {{subjectb}}{{/subjectb}}{{^subjectb}} entfällt{{/subjectb}}{{/cancel}}
@@ -122,6 +122,8 @@ require([
          block_timetable_type = type;
     }
 
+    $('[data-toggle="popover"]').popover();
+
     //alert("Hi, this is a test");
     $(".nextweek").click(function() {
        load_timetable($(event.target).data('type'), $(event.target).data('name'), $(event.target).data('week'), $(event.target).data('id')); //.parentNode.parentNode.parentNode.parentNode);