User taps image 1 again -> image 1 is opened. If you preorder a special airline meal (e.g. If mouseout were used in this example, then when the mouse pointer moved out of the Inner element, the handler would be triggered. mouseover of dialog box becomes , mouseoout of intial div block , that is the reason your dialog box is getting closed. The problem is, although the mouse events work fine on the initially created DIV's, once a drag happens, and the old HTML is wiped out to be replaced by the new HTML, none of the DIVs respond to mouse events. A Computer Science portal for geeks. How do/should administrators estimate the cost of producing an online introductory mathematics class? What sort of strategies would a medieval military use against a fantasy giant? How do you ensure that a red herring doesn't violate Chekhov's gun? Fast or slow doesnt matter. mouseout is also delivered to an element if the cursor enters a child element, because the child element obscures the visible area of . i dont want to use dialog..just any box with few contents,.any suggesion for that. i give class for div and calling it on .hover. See the discussion for .mouseleave() for a useful alternative. Staging Ground Beta 1 Recap, and Reviewers needed for Beta 2. The onmouseout event is often used together with the But will give it a go. Also they do not bubble. The mousemove event triggers when the mouse moves. $("body").css("background-color", "lightgreen"); Making statements based on opinion; back them up with references or personal experience. And, perhaps a more limited example (if possible) functionally. i give class for div and calling it on .hover. The mouseout event is fired at an Element when a pointing device (usually a mouse) is used to move the cursor so that it is no longer contained within the element or one of its children. Description: Attach a handler to the event for all elements which match the current selector, now and in the future. $(document).ready equivalent without jQuery. Edited.