jquery - 让它发生在特定的 DIV 中

Question

我有一个包含多个DIV元素的页面，每个元素都DIV包含两个表格。其中一个已经display:none设置，另一个（我们称之为第一个表）有一个下拉列表（DDL）。我想fadeIn()在指定的DIV地方隐藏表（在第一个表之上）我更改了 DDL 的值，然后再次显示第一个表：

function ChangeValueInDropDownList(ddl) {
    var id = $(ddl).closest(".divClass").prop("id"); //from this I get the ID which DIV
    $("#" + id).toggle(function () {
        $(".hiddentable").fadeIn(500, function () {
            $(".hiddentable").hide(1000);
        });
    });
}

我尝试了几种解决方案，但均未成功。这是DIV完全隐藏指定的最后一个解决方案。我不知道是否有可能做这样的事情。也许我在错误的方向上走得太远了？

我真正想要的是，如果我DDL在指定的 中更改DIV，DIV则会用文本覆盖 2 秒，向用户显示“的值DDL已更改”。

我创建了一个链接，使其更明显：http: //jsfiddle.net/XHuDc/171/