javascript - 2 つの onClick イベント: slideDown と scrollTop

Question

ページがあり、onClick に次の 2 つのイベントが必要です。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>

しかし、スクロールトップイベントを同時に追加する方法がわからないため、ページが「今すぐ注文」ボタンまでスクロールダウンします。