Javascript 悬停3个未按预期工作的框

我有3个框，当你悬停它会显示它的描述。我的代码工作正常。然而，我想缩短jquery代码，所以我对其进行了修改，但它不会像预期的那样工作，而且我看不到代码的任何差异

以下是html部分：

xxx
xxx

厄普苏姆

xxx
xxxx

厄普苏姆

xxx
厄普苏姆

CardsChat论坛的lorem epsum访问独家免费转载和在线扑克游戏&；锦标赛

尝试根据内部s框的id为计时器集合编制索引：

var timerBox = [];
$("div.s-box-container").hover(function() {
        var boxId = $(".s-box",this).attr('id');
        clearTimeout(timerBox[boxId]);
        $("#" + boxId + " .hover").fadeIn(300);
        $("#" + boxId + " .normal").fadeOut(300);
    }, function() {
        var boxId = $(".s-box",this).attr('id');
        timerBox[boxId] = setTimeout(function() {
            $("#" + boxId + " .hover").fadeOut(300);
            $("#" + boxId + " .normal").fadeIn(300);
        }, 300);
}); 

编辑：从

$（“div.s-box-container”）

选择器中删除

此

，并添加一个提琴以供参考