javascript - Bootstrap Tab Flyout Menu with Hover -

im trying create flyout menu 2nd level big div user can stuff. think of product page. have 3 products , flyout presents features , info on product. @ bottom there downloadnow-button or something.

so flyout has visible when either hovering on corresponding tab button or flyout itself. should automatically invisible @ other time.

it has done bootstrap-tab plugin.

rough jsfiddle: http://jsfiddle.net/qpfwb/2/

aaand im stuck. flyout should disappear when not hovering on button or flyout itself. tried mouseleave functions no success.

you should try .mouseout() example http://jsfiddle.net/baptme/mf4vh/