Jquery动画回调问题

我正在尝试对此动画使用回调，以便在动画完成后，正在设置动画的图像返回其原始状态。但它不能正常工作。有人能告诉我如何使用正确的语法吗

if (currentEffect == "glimpse") {
    $("#next").click(function () {
        if (currentSlide == 0) {
            $("#slide1").animate({
                width: "0",
                opacity: 0.2,
                borderWidth: "10px"
            }, 1000, function () {
                width: "700px"
                opacity: 100,
                borderWidth: "0px"
            });
            $("#slide2").fadeIn(800);
        }
    });
}

if（currentEffect==“一瞥”）{
$（“#下一步”）。单击（函数（）{
如果（当前幻灯片==0）{
$（“#幻灯片1”）。设置动画({
宽度：“0”，
不透明度：0.2，
边框宽度：“10px”
}，1000，函数（）{
$（this）.animate（{/
if（currentEffect==“一瞥”）{
$（“#下一步”）。单击（函数（）{
如果（当前幻灯片==0）{
$（“#幻灯片1”）。设置动画({
宽度：“0”，
不透明度：0.2，
边框宽度：“10px”
}，1000，函数（）{
$（this）.animate（{/回调函数未引用对象。您可能需要：

$("#slide1").animate({
    width: "0",
    opacity: 0.2,
    borderWidth: "10px"
}, 1000, function () {
    $("#slide1").css({ 
        width: "700px",
        opacity: 1, 
        borderWidth: "0px"
    });
});

回调函数未引用对象。您可能需要：

$("#slide1").animate({
    width: "0",
    opacity: 0.2,
    borderWidth: "10px"
}, 1000, function () {
    $("#slide1").css({ 
        width: "700px",
        opacity: 1, 
        borderWidth: "0px"
    });
});