jquery - divがホバーされているため、jquery関数を開始できません

Question

うまくいけば、私は自分自身を明確に説明できます:

内部にスパンを持つ div がたくさんあります。そして、各 div にカーソルを合わせると、スパン ('this') への切り替え (表示/非表示) が開始されます。クリック機能をスパンにアタッチしたいのですが、divが「mouseleave」の場合、スパンが絶対に配置されているため、非表示になるため、そこに到達できません。

ホバーするとdivが表示され、スパンにホバーすると遅延が残るようにしたいと思います。

この div とスパンの両方を使用すると、スパンがすぐに非表示になります。

それ、どうやったら出来るの ？

それは私の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);
    }

});

}