settings

lineartest
$("#btn-linear").click(function() {
    $("#test-linear").animate({ width: "toggle" }, "slow", "linear");
});
swingtest
$("#btn-swing").click(function() {
    $("#test-swing").animate({ width: "toggle" }, "slow", "swing");
});
jswingtest
$("#btn-jswing").click(function() {
    $("#test-jswing").animate({ width: "toggle" }, "slow", "jswing");
});
easeInQuadtest
$("#btn-easeInQuad").click(function() {
    $("#test-easeInQuad").animate({ width: "toggle" }, "slow", "easeInQuad");
});
easeOutQuadtest
$("#btn-easeOutQuad").click(function() {
    $("#test-easeOutQuad").animate({ width: "toggle" }, "slow", "easeOutQuad");
});
easeInOutQuadtest
$("#btn-easeInOutQuad").click(function() {
    $("#test-easeInOutQuad").animate({ width: "toggle" }, "slow", "easeInOutQuad");
});
easeInCubictest
$("#btn-easeInCubic").click(function() {
    $("#test-easeInCubic").animate({ width: "toggle" }, "slow", "easeInCubic");
});
easeOutCubictest
$("#btn-easeOutCubic").click(function() {
    $("#test-easeOutCubic").animate({ width: "toggle" }, "slow", "easeOutCubic");
});
easeInOutCubictest
$("#btn-easeInOutCubic").click(function() {
    $("#test-easeInOutCubic").animate({ width: "toggle" }, "slow", "easeInOutCubic");
});
easeInQuarttest
$("#btn-easeInQuart").click(function() {
    $("#test-easeInQuart").animate({ width: "toggle" }, "slow", "easeInQuart");
});
easeOutQuarttest
$("#btn-easeOutQuart").click(function() {
    $("#test-easeOutQuart").animate({ width: "toggle" }, "slow", "easeOutQuart");
});
easeInOutQuarttest
$("#btn-easeInOutQuart").click(function() {
    $("#test-easeInOutQuart").animate({ width: "toggle" }, "slow", "easeInOutQuart");
});
easeInQuinttest
$("#btn-easeInQuint").click(function() {
    $("#test-easeInQuint").animate({ width: "toggle" }, "slow", "easeInQuint");
});
easeOutQuinttest
$("#btn-easeOutQuint").click(function() {
    $("#test-easeOutQuint").animate({ width: "toggle" }, "slow", "easeOutQuint");
});
easeInOutQuinttest
$("#btn-easeInOutQuint").click(function() {
    $("#test-easeInOutQuint").animate({ width: "toggle" }, "slow", "easeInOutQuint");
});
easeInSinetest
$("#btn-easeInSine").click(function() {
    $("#test-easeInSine").animate({ width: "toggle" }, "slow", "easeInSine");
});
easeOutSinetest
$("#btn-easeOutSine").click(function() {
    $("#test-easeOutSine").animate({ width: "toggle" }, "slow", "easeOutSine");
});
easeInOutSinetest
$("#btn-easeInOutSine").click(function() {
    $("#test-easeInOutSine").animate({ width: "toggle" }, "slow", "easeInOutSine");
});
easeInExpotest
$("#btn-easeInExpo").click(function() {
    $("#test-easeInExpo").animate({ width: "toggle" }, "slow", "easeInExpo");
});
easeOutExpotest
$("#btn-easeOutExpo").click(function() {
    $("#test-easeOutExpo").animate({ width: "toggle" }, "slow", "easeOutExpo");
});
easeInOutExpotest
$("#btn-easeInOutExpo").click(function() {
    $("#test-easeInOutExpo").animate({ width: "toggle" }, "slow", "easeInOutExpo");
});
easeInCirctest
$("#btn-easeInCirc").click(function() {
    $("#test-easeInCirc").animate({ width: "toggle" }, "slow", "easeInCirc");
});
easeOutCirctest
$("#btn-easeOutCirc").click(function() {
    $("#test-easeOutCirc").animate({ width: "toggle" }, "slow", "easeOutCirc");
});
easeInOutCirctest
$("#btn-easeInOutCirc").click(function() {
    $("#test-easeInOutCirc").animate({ width: "toggle" }, "slow", "easeInOutCirc");
});
easeInElastictest
$("#btn-easeInElastic").click(function() {
    $("#test-easeInElastic").animate({ width: "toggle" }, "slow", "easeInElastic");
});
easeOutElastictest
$("#btn-easeOutElastic").click(function() {
    $("#test-easeOutElastic").animate({ width: "toggle" }, "slow", "easeOutElastic");
});
easeInOutElastictest
$("#btn-easeInOutElastic").click(function() {
    $("#test-easeInOutElastic").animate({ width: "toggle" }, "slow", "easeInOutElastic");
});
easeInBacktest
$("#btn-easeInBack").click(function() {
    $("#test-easeInBack").animate({ width: "toggle" }, "slow", "easeInBack");
});
easeOutBacktest
$("#btn-easeOutBack").click(function() {
    $("#test-easeOutBack").animate({ width: "toggle" }, "slow", "easeOutBack");
});
easeInOutBacktest
$("#btn-easeInOutBack").click(function() {
    $("#test-easeInOutBack").animate({ width: "toggle" }, "slow", "easeInOutBack");
});
easeInBouncetest
$("#btn-easeInBounce").click(function() {
    $("#test-easeInBounce").animate({ width: "toggle" }, "slow", "easeInBounce");
});
easeOutBouncetest
$("#btn-easeOutBounce").click(function() {
    $("#test-easeOutBounce").animate({ width: "toggle" }, "slow", "easeOutBounce");
});
easeInOutBouncetest
$("#btn-easeInOutBounce").click(function() {
    $("#test-easeInOutBounce").animate({ width: "toggle" }, "slow", "easeInOutBounce");
});