javascript - 如何向切换添加过渡？

Question

我用它来切换侧边栏：

$(document).ready(function () {
$('.sbt').click(function () {
    $('.sidebar').toggle();
});

});

你可以在这里看到它的工作：

http://jsfiddle.net/Jacob_Sell/Ye7wp/

我认为切换现在看起来很跳跃，如何添加过渡以使其看起来更平滑？

Answer 1

$(document).ready(function () {
    $('.sbt').click(function () {
        $('.sidebar').toggle(300);
    });
});

更新了演示

Answer 2

http://jsfiddle.net/Praveen16oct90/Ye7wp/4/

**$(document).ready(function () {
$('.sbt').click(function () {
    $('.sidebar').toggle(2000);
});
});**