滚动时 jQuery slideToggle 打开和关闭

Question

当向下滚动此页面并在“粘”到屏幕顶部时切换 div 元素时，切换将继续打开和关闭，不会停止。

HTML

<div class="sticky-header">
    <div id="filter">
        Header
    </div>
    <div>
       Content to Hide
    </div>
</div>

CSS

.sticky-header {
  position: sticky;
  top: 1px;
}

JS

$(window).scroll( (function(){
    if ( $(window).scrollTop() > 0 ) {
        $header = $("#filter");
        $content = $header.next();
            $content.hide(500, function () {
                $header.text(function () {
                    return $content.is(":visible") ? $header.innerHTML : $header.innerHTML ;
                });
            });
    }
    else {
        $header = $("#filter");
        $content = $header.next();
        $content.show(500);
    }
}));