<div>
<div class="content wysiwyg-content">
Good evening,<br />
Ive been trying to build by own type of menu using jQuery, and want to it to hide when the mouse is moved out of the div, problem is it doesnt seem to propagate down. What Im trying to do is append the div inside the div so the mouseout fires when moved out of the div (including the child).<br />
<br />
Im not sure what Im doing wrong here, can someone have a look and tell me what Im doing wrong please? <br />
<br />
Ive put it in jsfiddle <a href="https://jsfiddle.net/a8829z9w/" rel="ugc">here</a>.<br />
<br />
I know currently it says 'hello', but the idea is to display a lot more links via ajax, once I can figure out the mouseout event.<br />
<br />
Thanks in advance
</div>
</div>


Good evening,
Ive been trying to build by own type of menu using jQuery, and want to it to hide when the mouse is moved out of the div, problem is it doesnt seem to propagate down. What Im trying to do is append the div inside the div so the mouseout fires when moved out of the div (including the child).

Im not sure what Im doing wrong here, can someone have a look and tell me what Im doing wrong please? 

Ive put it in jsfiddle here (https://jsfiddle.net/a8829z9w/).

I know currently it says 'hello', but the idea is to display a lot more links via ajax, once I can figure out the mouseout event.

Thanks in advance

Mouseout delegate

jQuery (Core) is a cross-browser JavaScript library that provides abstractions for common client-side tasks such as Document Object Model (DOM) traversal, DOM manipulation, event handling, animation and Ajax. jQuery also provides a platform to create plugins that extend jQuery's capabilities beyond those already provided by the library.