colorbox mouseout mouseleave

Question

I am using colobox and would like to have the it close automatically when you mouseout of the photos.

I found this example which works great for the mouseover... but I don't want to click to close.

I setup a basic jsfiddle here. Any help would be appreciated.

http://jsfiddle.net/peu8y/

UPDATE I changed the div for the mouseleave (see the demo below) and it now works.

http://jsfiddle.net/peu8y/2/

Answer 1

Use $(this).colorbox.close();

Refer this DEMO, it works but it see triggering more than one time.