使用jQuery的动画而不使用slidetoggle

Question

我有这段代码

$(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/