无法启动jquery函数，因为div处于悬停状态

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);
    }

});

}