jquery slideUP + Hide

[marcelocardoso 6]

GALERA!

Tenho um script que estou desenvolvendo para exibir em determinada SCROLL somente.
Até ai, td bem... porém, depois que o SCROLL sobe novamente, o código não aceita mais o CLICK. (onde deve estar o ERRO no JQUERY).

CODE JQUERY>>>
 

    <script type="text/javascript">
        jQuery(document).ready(function() {
            $(window).scroll(function() {
                nScrollPosition = $(window).scrollTop();
                if (nScrollPosition > 3300) {
                    $("#box_slidetop").fadeIn();                 
                    $("#box_slidetop").hover(function() {
                        $("#box_slidetop_extra").animate({
                            bottom: '50px'
                        }, 200);
                    }, function() {
                        $(this).animate({
                            bottom: '50px'
                        }, {
                            duration: 800,
                            easing: 'easeOutBounce'
                        });
                    });
                } else {
                    $("#box_slidetop, #box_slidetop_extra").fadeOut();
                }
            });
        });
    </script>

CODE HTML>>>
 

<div id="box_slidetop" class="" style="display: none;">
  <div class="text-center space_bottom10 space_top20 d-none d-sm-block">
    <p class="text-center">
      <b>AJUDE ESTA CAUSA, PROGRAMADORES...!</b>
    </p>
  </div>
</div>
<div id="box_slidetop_extra">
  <div class="col-md-10 offset-1 text-center space_top20 space_lr40">
    <form method="post" class="form-white" action="form/acoes.asp">
      <div class="col-md-5 pull-left">
        <input type="text" class="form-control" id="campo_nome" name="campo_nome" placeholder="Digite seu nome" required>
      </div>
      <div class="col-md-6 pull-left">
        <input type="email" class="form-control" id="campo_email" name="campo_email" placeholder="Digite seu email" required>
      </div>
      <div class="col-md-1 pull-left">
        <button type="submit" class="btn btn-md btn-primary">ENVIAR</button>
      </div>
    </form>
  </div>
</div>

OBS:
O script ao descer o SCROLL aparece uma barra na tela (#BOX_SLIDETOP) depois de aparecer, você passa o mouse em cima (HOVER) abre o (#BOX_SLIDETOP_EXTRA), aí some o #BOX_SLIDE e fica somente o BOX_SLIDE_EXTRA.

depois quando retorno o scroll novamente para cima, ele some, depois se VOLTO para a posição onde aparece a DIV, ele não executa mais a AÇÃO DO JQUERY.

Se conseguirem me dar uma luz no JQUERY, agradeço.
Obrigado.

[marcelocardoso 6]

Como ninguem consegui ajudar, segue exemplo como consegui realizar, mas VALEU o esforço de todos que não conseguiram constribuir... 

CODE:

	$(document).scroll(function () {

		var janela = $(this).scrollTop();

		if (janela > 3900) {
			$('#box_slidetop').fadeIn();
			$("#box_slidetop").click(
				function (event) {
					event.preventDefault();
					if ($("#box_slidetop_extra").is(":visible")) {
						$("#box_slidetop_extra").slideUp(2000);
						
					} else {
						$("#box_slidetop_extra").slideDown(2000);
						$("#box_slidetop").fadeOut('slow');
					}
					
				}
			);

		} else {
			$('#box_slidetop').fadeOut('slow');
			$('#box_slidetop_extra').fadeOut('slow');
		}

	});

Obrigado galera.
Segue exemplo prático para EXIBIR DIV ao clicar em botão, depois esconder vindo do BOTTOM para o TOP, simples e básico.
Até...