让它在特定的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/