javascript - jQuery - 同时使用 .slideToggle 和 .animate

Question

我有一部分 jQuery 似乎无法正常工作。我有一个链接可以点击，[显示/隐藏] 应该 slideToggle 一个 div。同时，我想对其进行动画处理，以便页面滚动到 div 的顶部。当我将 animate 函数放在 slideToggle 函数中时，它会起作用，例如 in this jfiddle .

但是，这意味着我想要的 div 滑出，然后页面向下滚动。我喜欢设置它以便两者同时发生，这是我在 this jfiddle 中尝试做的但它根本行不通。我也尝试先做滚动动画，然后是 slideToggle，但没有用 - 有没有办法实现这个？干杯!

Answer 1

$(document).ready(function () {
    $('.click_to_hide').click(function () {
        var visible = $('.hide_on_click').is(":visible");
        $('.hide_on_click').slideToggle(500);
        if (!visible) {
            $('html, body').animate({
                scrollTop: $('.hide_on_click').offset().top
            }, 500);
        }
    });
});

http://fiddle.jshell.net/YFR2e/3/