jQueryでAjaxで取得した値をSlideDown()で表示

Question

こんにちわ。
jQueryでAjaxで取得した値をSlideDown()で表示したいです。
ドロップダウンの値が変更するたびにAjaxでの通信が行われ、ドロップダウンの値によってそれぞれに対応したコンテンツが返ってきます。
返ってきた値を、SlideDown()を使って表示したいのですがうまくいきません。
Ajaxでの通信自体は成功しています。
下記のコードはSlideDown()を加える前のものです。
よろしくお願いします。

 $(document).ready(function () {

        $("#program").change(function () {
            var program = $("#program").val();
            $.ajax({
                type: "POST",
                url: "ajax-rightbox.php",
                data: "program=" + program,
                success: function (data) {
                    $(".col-lg-4").html(data);
                }
            });
        });
    });

Answer 1

解決しました。
手順としてはAjaxによって取得した値を表示し、hide()によって隠し、その後にslideDown()を利用することで可能でした。
そもそもslideDown()は隠れていた要素を表示するためのものであるということでした。
ありがとうございました。