如何为切换添加过渡？

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);
});
});**