jquery - 特定の DIV で実現する

Question

DIV複数の要素を持つページがあり、それぞれDIVに 2 つのテーブルが含まれています。そのうちの 1 つがdisplay:none設定され、もう 1 つ (最初のテーブルと呼びましょう) にはドロップダウンリスト ( DDL) があります。fadeIn()DDL の値を変更した指定された場所で、(最初のテーブルの上にある) 非表示のテーブルをしばらく表示してDIVから、最初のテーブルを再度表示したいと思います。

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は、指定された でを変更すると、 「 の値が変更されました」というユーザーを示すテキストで 2 秒間覆われるDIVことです。DIVDDL

より見やすくするためのリンクを作成しました：http://jsfiddle.net/XHuDc/171/