javascript - 如何使用幻灯片效果（jquery）为宽度设置动画？

Question

如何使用右侧的幻灯片效果为宽度设置动画？

这是我的代码：

$(".toggle").click(function(){
  $(".wrapper").animate({ width: "80%" });
});

谢谢！

Answer 1

你可以这样做：

$(".toggle").click(function () {
    $(".wrapper").animate({
        width: "80%"
    }, {
        duration: 1000,
        specialEasing: {
            width: 'linear'
        }
    });
});

小提琴演示

Answer 2

$("#go").click(function(){
  $("#block").animate({
  width: "70%"
  }, 1500 );
});