Question

Why won’t this work?

Using cuepoint.js; you can define cue points within the html5 video.
But; I’d like to; in addition display a #div on click. And ONLY on click.
Once the video resumes; or the image is clicked again; the video resumes and the #div will disappear!!!!

   #playdiv1 {
        display: none;
    }

---

$('#1').click(function() { 
  cuepoint.setTime(1)();
  $("playdiv1").style.display = "block"; // Why wont this work?
});

---

This div should show along with the que:

<div id="playdiv1" style="min-height: 300px; min-width: 500px; display: hidden;">

</div>

Library in reference;
http://cuepoint.org/

FULL CODE ~
http://pastebin.com/HG0wVVaK

This doesn’t make sense. THE cuepoint time; works..

$('#1').click(function(){ 
  cuepoint.setTime(0)();

But when I add the ‘$(‘#playdiv1′).show();’ right underneath it. It doesn’t work?

$('#1').click(function(){ 
  cuepoint.setTime(0)();
  $('#playdiv1').show();
});

Answer 1

Switching the order somehow worked;

$('#1').click(function(){ 
  $('#playdiv1').show();
   cuepoint.setTime(0)(); // Having this at the bottom; or after the show.
});