jquery function cannot be started because div is on hover -

hopfully explain myself :

i have lots of divs spans within them. , when hover on each div, lunch toggle (show/hide) ('this') span. want attach click function span, cannot there, because when div 'mouseleave', hide because span positioned absolute.

i want make when hover it, shows div, , if hover on span, stays delay.

if go out both div , span, hides span immidietly.

how do ?

thats jsfiddle : http://jsfiddle.net/brdt3/4/

function xlineshow() {  var x = $(this).children();   $('.art').bind('mouseenter', function () {      var x = $(this).children();      x.toggle(100);     });  $('.art').bind('mouseleave', function () {     if (!flagx) {           var x = $(this).children();         x.toggle(100);     }  }); 

}