两个onClick事件：slideDown和scrollTop

Question

我有一个页面，我需要在onClick上有两个事件：slideDown（所以不同的部分变得可见）和ScrollTop，这样页面在上面的部分变得可见后自动向下滚动，重点放在按钮上。

我有代码：

    {% if product.addons|length > 0 %}
    <button class="bb-button bb-button-submit bb-button-big" type="submit" id="order-button">{% trans 'Continue' %}</button>
    {% else %}
    <button class="bb-button bb-button-submit bb-button-big" type="submit" id="order-button">{% trans 'Order now' %}</button>
    {% endif %}

和

<script type="text/javascript">
$(function() {

if($(".addons").length && $(".addons").is(':hidden')) {
    $('#order-button').one('click', function(){
        $(this).hide();
        $('.addons').slideDown('fast');
        return false;
    });
}

$('#period-selector').change(function(){
    $('.period').hide();
    $('.period.' + $(this).val()).show();
}).trigger('change');

$('.addon-period-selector').change(function(){
    var r = $(this).attr('rel');
    $('#' + r + ' span').hide();
    $('#' + r + ' span.' + $(this).val()).fadeIn();
}).trigger('change');

});
</script>

但我不知道如何在同一时间添加scrollTop事件，因此页面向下滚动到“立即订购”按钮。