Add Html to Div with effect jQuery

Question

I want to add Loaded html from Ajax request to Div with effect (for example slide down).
I am using this code but it doesn't have effect yet :

obj.html(msg.d).show('slow');

Is it possible ?

Update : this my full code:

 $.ajax({
            type: "POST",
            url: options.webServiceName + "/" + options.renderUCMethod,
            data: options.ucMethodJsonParams,
            contentType: "application/json; charset=utf-8",
            dataType: "json",
            cache: true,
            success:
                    function (msg) {
                       var html = msg.d;
                        obj.html(msg.d).show('slow');



                        // if specified make callback and pass element
                        if (options.completeHandler)
                            options.completeHandler(this);
                    },
            error:
                    function (XMLHttpRequest, textStatus, errorThrown) {
                        if (options.errorHandler) {
                            options.errorHandler(this);
                        } else {


                            obj.html("error");
                        }


                    }
        });

look at this answer http://stackoverflow.com/questions/1520178/jquery-using-append-with-effects — Haim Evgi, Jul 07 '11 at 05:09

score 1 · Accepted Answer · answered Jul 07 '11 at 05:15

1

Should work -- I assume that "obj" is a , you can try to split it up into two just to make sure you don't have anything funny going on.

$(obj).html(msg.d); $(obj).show(500); // 500 ms animation time

answered Jul 07 '11 at 05:15

Soren

14,402
4
41
67

Thank you. my problem was that Div was not hidden. – Shahin Jul 07 '11 at 05:24

score 1 · Answer 2 · answered Jul 07 '11 at 05:21

1

Yes, you can, but your object must be hidden initially, so do:

obj.hide().html(msg.d).show('slow');

Hope this helps. Cheers

answered Jul 07 '11 at 05:21

Edgar Villegas Alvarado

18,204
2
42
61

Add Html to Div with effect jQuery

2 Answers2

Linked