Jquery slide toggle hide and show

Asked May 11 '13 at 06:21

Active May 11 '13 at 07:34

Viewed 697 times

I need to hide one div and show another using slide function of jQuery.

In hide function, I am using this code

$("id").hide("slide", { direction: 'left' },1000);

and in show I am using this code:

$("id").show("slide", { direction: 'left' },1000);

and making an ajax call to hide and show these divs:

    $.ajax({
            type: "GET",

            url: '@Url.Action("tabSetting", "Home")',

            async: "true",

            beforeSend: function () {

                hidediv();

            },

            success: function (data) {

                $("#settings").html(data);

            },

            complete: function () {

                showdiv();

            }

        });

But with this code I get an error "TypeError: b.easing[this.easing] is not a function"

edited May 11 '13 at 07:34

zelibobla

1,498
1
16
23

asked May 11 '13 at 06:21

Prince Chopra

I think the `showdiv()` can be used in the `success`. – lighter May 11 '13 at 06:27
@jogesh_pi and why would you do that? – Wouter J May 11 '13 at 06:27
@jogesh_pi but it doesn't solve the problem, nor is it better. Please post only usefull and related comments... – Wouter J May 11 '13 at 06:35
3

Have you included jquery ui with easing? – PSL May 11 '13 at 06:42
I got the solution by adding these two j query UI files ` ` – Prince Chopra May 11 '13 at 11:40

Jquery slide toggle hide and show

0 Answers0