jquery链操作

我想在我的页面上有一个按钮，滚动到页面顶部，然后向下滑动一个div

这就是我所拥有的：

$(document).ready(function(){

        $(".slidingDiv").hide();
        $(".show_hide").show();

    $('.show_hide').click(function(){
        $("html, body").animate({ scrollTop: 0 }, 1000);
        $(".slidingDiv").slideToggle(500);
    });

});

问题是，当动画滚动顶端的div已经滑动时，如何链接动作

---

感谢使用jquery中的队列功能：

使用jquery中的队列功能：

该函数接受函数参数，动画完成后可以调用该参数

.animate（属性[，持续时间][，缓和][，完成]）

• 属性-动画将移动的CSS属性的映射 朝向
• 持续时间-确定持续时间的字符串或数字 动画将运行
• 宽松-指示哪种宽松的字符串 用于转换的函数
• complete-动画完成后调用的函数。

您可以将代码更改为：

$(document).ready(function(){

    $(".slidingDiv").hide();
    $(".show_hide").show();

    $('.show_hide').click(function(){
        $("html, body").animate({ scrollTop: 0 }, 1000, 'linear', function(){
            $(".slidingDiv").slideToggle(500);
        });
    });

});

该函数接受一个函数参数，动画完成后可以调用该参数

.animate（属性[，持续时间][，缓和][，完成]）

• 属性-动画将移动的CSS属性的映射 朝向
• 持续时间-确定持续时间的字符串或数字 动画将运行
• 宽松-指示哪种宽松的字符串 用于转换的函数
• complete-动画完成后调用的函数。

您可以将代码更改为：

$(document).ready(function(){

    $(".slidingDiv").hide();
    $(".show_hide").show();

    $('.show_hide').click(function(){
        $("html, body").animate({ scrollTop: 0 }, 1000, 'linear', function(){
            $(".slidingDiv").slideToggle(500);
        });
    });

});

---

在动画的完整回调中插入幻灯片切换，如下所示

$('.show_hide').click(function(){
        $("html, body").animate({ scrollTop: 0 }, 1000,function(){
            $(".slidingDiv").slideToggle(500);
        });

    });

---

检查文档。

在动画的完整回调中插入幻灯片切换，如下所示

$('.show_hide').click(function(){
        $("html, body").animate({ scrollTop: 0 }, 1000,function(){
            $(".slidingDiv").slideToggle(500);
        });

    });

检查文档。

使用动画功能。此选项仅在动画完成时触发

jQuery：

$(document).ready(function() {

    $(".slidingDiv").hide();
    $(".show_hide").show();

    $('.show_hide').click(function() {
        $("html, body").animate({
            scrollTop: 0
        }, 1000, function() {
            $(".slidingDiv").slideToggle(500);
        });
    });
});​

这里有一个

完成功能

如果提供了完整的回调函数，则在 动画完成了。这对于串接不同的导线非常有用 动画按顺序排列在一起。不会发送任何回调 参数，但设置为正在设置动画的DOM元素。如果 多个元素都设置了动画，每个元素执行一次回调 匹配元素，而不是一次用于整个动画

使用动画功能的。此选项仅在动画完成时触发

jQuery：

$(document).ready(function() {

    $(".slidingDiv").hide();
    $(".show_hide").show();

    $('.show_hide').click(function() {
        $("html, body").animate({
            scrollTop: 0
        }, 1000, function() {
            $(".slidingDiv").slideToggle(500);
        });
    });
});​

这里有一个

完成功能

如果提供了完整的回调函数，则在 动画完成了。这对于串接不同的导线非常有用 动画按顺序排列在一起。不会发送任何回调 参数，但设置为正在设置动画的DOM元素。如果 多个元素都设置了动画，每个元素执行一次回调 匹配元素，而不是一次用于整个动画

已解决：$（文档）.ready（函数（）{$（“.slidingDiv”）.hide（）；$（“.show_hide”）.show（）；$（“.show_hide”）.click（函数（）{$（.html，body”）.animate（{scrollTop:0}，800）；$（.slidingDiv”）.delay（800）.slideToggle（500）；}）；已解决：$（文档）.ready（函数（）{$（“.slidingDiv”）.hide（）；$（“.show_hide”）.show（）；$（“.show_hide”）.click（函数（）{$（.html，body”）.animate（{scrollTop:0}，800）；$（.slidingDiv”）.delay（800）.slideToggle（500）；}）；