title: Show div at a certain video time and hide it at another
body: <p>I'm trying to show a div at a certain video time and make it disappear 2 seconds later so I'm trying this but it's not working:</p>
  
  <pre><code>$(document).ready(function() {
   $("#element_1").hide(); 
   document.getElementById('bgvid').addEventListener("timeupdate", 
   function() {
   if(this.currentTime &gt; 5) {
  $("#element_1").show();
      }
      else if(this.currentTime &gt; 7) {
          $("#element_1").hide();
      } 
  });
  });
  </code></pre>
  
  <p>It shows the div only at 5 seconds after the video starts but it doesn't hides it at 7.</p>