Pop-up : Login Sign Fadein Fadeout

[thepseud]

Ciao a tutti e ben trovati, non sapendo dove sbattere la testa ho deciso di iscrivermi spero anche di poter dare il mio contributo.

Problema:
ho una pagina Aspx --> Deafult.aspx, la home del sito
Al click su login mi apre un pop-up , dove c'è la sezione Login e Sign: con javascript controllo l'evento open e close

Il problerma è che sulla parte login mi mostra anche la parte Sign : sembrerebbe che il fadeout del Login non funzioni molto bene, solo sulla default.aspx, se vado sulle altre pagine e richiamo il login le sezioni si vedono bene --> NON CAPISCO PROPRIO DOVE SBAGLIO !!!

Dettaglio: Nella immagine di seguito sulla parte Login mi mostra anche il SIgn

Login.PNG

Di seguito i dettagli:


Default.aspx:

 <div class="popup popup--left">
                                    <a title="Close" href="#" class="popup__close">
                                        <i class="las la-times la-24-black"></i>
                                    </a><!-- .popup__close -->
                                    <div class="popup__content">
                                        <div class="popup__user popup__box open-form">
                                            <a title="Login" href="#" class="open-login">Login</a>
                                            <a title="Sign Up" href="#" class="open-signup">Sign Up</a>
                                        </div>

...............


Main.js (il javascript che richiamo)

$('.popup-background').on('click', function (e) {
            e.preventDefault();
            $(this).fadeOut();
            $(this).parents('.site-header').find('.popup').removeClass('open');
        });

        $(document).on('click', '.open-login', function (e) {
            e.preventDefault();
            $('.popup--left').removeClass('open');
            $(this).parents('#wrapper').find('.nav-login').addClass('active');
            $(this).parents('#wrapper').find('.form-log').fadeIn(0);
            $(this).parents('#wrapper').find('.nav-signup').removeClass('active');
            $(this).parents('#wrapper').find('.form-sign').fadeOut(0);
            $(this).parents('#wrapper').find('.popup-background').fadeIn(0);
            $(this).parents('#wrapper').find('.popup-form').toggleClass('open');
        });

        $('.open-signup').on('click', function (e) {
            e.preventDefault();
            $('.popup--left').removeClass('open');
            $(this).parents('#wrapper').find('.nav-signup').addClass('active');
            $(this).parents('#wrapper').find('.form-sign').fadeIn(0);
            $(this).parents('#wrapper').find('.nav-login').removeClass('active');
            $(this).parents('#wrapper').find('.form-log').fadeOut(0);
            $(this).parents('#wrapper').find('.popup-background').fadeIn(0);
            $(this).parents('#wrapper').find('.popup-form').toggleClass('open');
        });

Help me ...