[samdo]

День добрый! Помогите по задачке, плиз: есть блок, который появляется/исчезает при скролле, также есть кнопка, чтобы его скрыть. При клике на это кнопку он скрывается, но если начинаем скроллить, то он опять появляется. Подскажите как сделать, чтобы он не появлялся при скролле если мы его закрыли кликом по кнопке. Вот код, которым я пытался это реализовать:

<div class="previous-post">
	<i class="fas fa-times prev-close"></i>
</div>

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script>
  <script>
	$(document).ready(function(){
		$(window).scroll(function(){
			if($(window).scrollTop()>220){
				$('.previous-post').fadeIn(400)
			}else{
				$('.previous-post').fadeOut(400)
			}
		});
	})
	$(".prev-close").click(function() {
    $(".previous-post").slideToggle();
    $(this).hide();
	})
  </script>

<style>
.previous-post {
	display:none;
	position: fixed;
	right: 1%;
	bottom: 1%;
}
</style>