 <p>Well, it seems like the main issue was with your css. When a mouseover event was triggered, the modalMask element was shown. The problem however was that you placed it on top of everything else with:</p> <pre><code>position: absolute; ... width: 100%; height: 100%; ... z-index: 1000; </code></pre> <p>This means that you had an invisible layer blocking access to the links, and that's why there was no reaction after the first event.</p> <p>While troubleshooting, i cleaned up the code for you at: <a href="http://jsfiddle.net/Z4ZGZ/18/" rel="nofollow">http://jsfiddle.net/Z4ZGZ/18/</a></p> <p>The 'close' button doesn't work in the fiddle, but it worked for me locally when i included the script file at the bottom of the body element.</p>