Slidetoggle和滚动不能一起工作

Question

我已经问过这个问题，但我再试一次..我正在研究的网站是www.runebs.dk（代码：符文）

我的问题是，当你点击（+）并滚动它改为（ - ）..我知道我不能写入彼此内部的函数。但是当我移除如果我将slidetoggle功能放在另一个功能之外时它就不再起作用了。下面是现在的脚本..

 $(document).ready(function(){
    $(window).trigger('scroll');
}); 

$(window).on('scroll', function(){
    var pos=$('#subHeadline').offset();
        $('.article-header').each(function(){
            if(pos.top >= $(this).offset().top && pos.top <= $(this).next().offset().top)
        {
            $('#subHeadline').html($(this).html());
        return;
        }
            $('button').on('click', function () {
                $(this).text($(this).text() == '(-)' ? '(+)' : '(-)');
                $('.description' ).slideToggle('fast');
});
        });

            });

我试图添加.find但是滑动按钮不会像这样工作。

 $(document).ready(function(){
    $(window).trigger('scroll');
}); 

$(window).on('scroll', function(){
    var pos=$('#subHeadline').offset();
        $('.article-header').each(function(){
            if(pos.top >= $(this).offset().top && pos.top <= $(this).next().offset().top)
        {
            $('#subHeadline').html($(this).html());
        return;
        }
        }).find('#button1').on('click', function () {
                $(this).text($(this).text() == '(-)' ? '(+)' : '(-)');
                $('.description' ).slideToggle('fast');
});
            });

我希望有人可以帮助我..如果你不理解这个问题，请告诉我。

非常感谢！