Toggle div with easing

Question

I\'ve got a link, when clicking this I want a div to slideIn with easing, and then clicking the link again, it should close the div, with easing...

I\'ve looked at j

Answer 1

I have got a link, Here's an example for different types of toggle Effects.

Toggle div with different Effects - Jquery Live demo

Select the effect type from the drop down and when click,this makes a toggle effects that looks a lot better.

I have tried, It working fine.

$(function () {
    var index = 0;
    $("#btnChangeEffect").click(function () {
        var effectType = $("#effectTypes").val();
        $("#dvContent").toggle(effectType, 600);
    });
});




    Blind
    Bounce
    Clip
    Drop
    Explode
    Fold
    Highlight
    Puff
    Pulsate
    Scale
    Shake
    Size
    Slide