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

Question

我有一部分 jQuery 似乎无法正常工作。我有一个要单击的链接，[显示/隐藏]应该可以滑动切换一个 div。同时，我想对其进行动画处理，使页面滚动到 div 的顶部。当我将animate函数放入函数中时它会slideToggle起作用，就像在这个 jfiddle 中一样。

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

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/

Answer 2

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

尝试把它放在同一个函数中