Make resize handles visible on hover only?

Make resize handles visible on hover only?


For a resizable(), I'd like handles that are visible only when
hovering over the element. I tried to make it work like that using
mouseover and mouseout events, and it almost worked. The problem was,
resizing would end if the user moved the mouse too fast while
expanding the element: I think the mouseout event was being triggered.
If no one here suggests a better idea, then I'll fiddle more with this
approach and try to make it work. The key may be to remove the
mouseout listener during a resize and add it back at the end of a
resize.
Another idea, not tested, was to show and hide the handles based on
mouseover and mouseout.
What do the experts think is the best way to make resize handles
appear on mouseover?