I had an issue in which I need to keep an element shown when the mouse hovers on another element. The markup looks like this: <a href="#" id="hover-here">Hover here</a> <div class="dialog"> <p>Some text</p> <p>Some text</p> <p>Some text</p> <p>Some text</p> </div> The goal is to have .dialog shown when mouse hovers over to #hover-here and the former is kept shown until it either leaves #hover-here or .dialog. Here's the script that I was able to come up with. Not that clean I think but works just fine t...