Question

I have an object that onclick receives an active class and its position is animated. If you hover on the object while “.active” then another element (not a child) should appear.

My problem is that, if the cursor does not leave and reenter the element, then the mouseover event isn’t fired. You can see a demo here:

http://jsfiddle.net/KqMQJ/

If you keep your cursor on top of “hello” you will see the problem.
Note: my real constraints prevent me from making “view” a child element.

Answer 1

I would recommend adding the class before you animate. I think this works better, as it can show while animating. This requires moving both elements concurrently.

Source code on Fiddle

$("#whatever").click(function() {
    $(this).addClass("active").mouseover();
    $(this).animate({marginLeft: "50px"});
    $('#view').animate({marginLeft: "50px"});
});