如何使用幻燈片效果（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 );
});