formanimation.js

//jQuery to animate form
$(function() {
   $('#inputpassword').hide();
   $('#setpassword').hide();
   $('#securityquestions').hide();

  var x = $('#loginbox').offset();

  $('a.btn').on('click', function() {
    $('#loginbox').addClass('animated fadeOutRight');
    
    // $('#loginbox').addClass('animated fadeInRight');
  });

});

lading.html

        <div class="header-content">
            <div class="row">
                <div class="col-sm-6 header-content-details">
                    <h3 class="header-brand">Resultados de laboratorio</h3>
                    <h3>...</h3>
                    <!-- <p>Qusinque rhoncus tempus sem sed ornare. Aenean viverra ornare dui nec mollis. Vestibulum in dui sed velit consequat. Cum sociis natoque penatibus et magnis dis parturient montes.</p> -->
                    <!--
                    <p>
                        <a href="#features" class="btn btn-md btn-light btn-pill page-scroll"><i class="lnr lnr-eye"></i><span>Learn More</span></a>
                        <a href="#pricing" class="btn btn-md btn-primary-filled btn-pill page-scroll"><i class="lnr lnr-tag"></i><span>Our Pricing</span></a>
                    </p>
                    -->
                </div><!-- / col-sm-6 -->



                <div id="loginbox" class="col-sm-6 header-content-feature loginbox">



                    <div id="inputuser" class="inputuser">
                        <h3 class="log-title">Accede a tus resultados<br><span class="text-primary">de laboratorio</span></h3>
                        <hr>
                        <h3 class="log-text">Digita tu nombre de usuario</h3>
                        <div class="form-group">
                            <input type="text" class="form-control" id="email" placeholder="...">
                            <div class="help-block with-errors"></div>

                            <a href="#pricing" class="page-scroll"><small>¿Dónde veo mi nombre usuario?</small></a>
                        </div>


                        <div class="log-line reg-form-1 no-margin">
                            <div class="pull-left">
                            </div>
                            <div class="pull-right">

                                <a href="#">
                                  <a href="#" class="btn btn-md btn-success-filled btn-log btn-pill"><span>Siguiente</span></a>
                                </a>
                                <div id="msgSubmit" class="h3 text-center hidden"></div>

                                <div class="clearfix"></div>
                            </div>
                        </div
                    </div>


                    <div id="inputpassword" class="inputpassword">
                        <h3 class="log-title">Accede a tus resultados<br><span class="text-primary">de laboratorio</span></h3>
                        <hr>
                        <p class="log-text">Digita tu contraseña</p>
                        <div class="form-group">
                            <input type="text" class="form-control" id="email" placeholder="...">
                            <div class="help-block with-errors"></div>
                            <a href="#"><small>¿Olvidaste tu contraseña?</small></a>
                        </div>


                        <div class="log-line reg-form-1 no-margin">
                            <div class="pull-left">
                            </div>
                            <div class="pull-right">
                                <button type="submit" id="reg-submit" class="btn btn-md btn-success-filled btn-log btn-pill"><span>Acceder</span></button>
                                <div id="msgSubmit" class="h3 text-center hidden"></div>

                                <div class="clearfix"></div>
                            </div>
                        </div>
                    </div>

                    <div id="setpassword" class="setpassword">
                        <h3 class="log-title">Accede a tus resultados<br><span class="text-primary">de laboratorio</span></h3>
                        <hr>
                        <p class="log-text">Crea tu contraseña</p>
                        <div class="form-group">
                            <input type="text" class="form-control" id="email" placeholder="Contraseña">
                            <div class="help-block with-errors"></div>
                        </div>
                        <div class="form-group">
                            <input type="text" class="form-control" id="email" placeholder="Confirmar Contraseña">
                            <div class="help-block with-errors"></div>
                        </div>
                        <small>0 / 8 caracteres</small>

                        <div class="log-line reg-form-1 no-margin">
                            <div class="pull-left">
                            </div>
                            <div class="pull-right">
                                <a href="input_questions.html">
                                <button type="submit" id="reg-submit" class="btn btn-md btn-success-filled btn-log btn-pill"><span>Acceder</span></button>
                                <div id="msgSubmit" class="h3 text-center hidden"></div>

                                <div class="clearfix"></div>
                            </div>
                        </div>
                    </div>

                    <div id="securityquestions" class="securityquestions">
                        <h3 class="log-title">Accede a tus resultados<br><span class="text-primary">de laboratorio</span></h3>
                        <hr>
                        <p class="log-text"><a href="#">Al responder las siguientes preguntas de seguridad podrás recuperar tu contraseña en caso de que la olvidas.</a></p>
                        <hr>
                        <div class="form-group">
                            <p class="log-text"><a href="#">¿Cuál es tu Correo Electrónico?</a></p>
                            <input type="text" class="form-control" id="email"  placeholder="...">
                            <div class="help-block with-errors"></div>
                        </div>
                        <div class="form-group">
                            <p class="log-text"><a href="#">¿Cuál es el nombre de tu primera mascota?</a></p>
                            <input type="text" class="form-control" id="email" placeholder="...">
                            <div class="help-block with-errors"></div>
                        </div>
                        <div class="form-group">
                            <p class="log-text"><a href="#">¿Cuál es tu color favorito?</a></p>
                            <input type="text" class="form-control" id="email"  placeholder="...">
                            <div class="help-block with-errors"></div>
                        </div>
                        <div class="form-group">
                            <p class="log-text"><a href="#">¿Cuál fue tu primera escuela?</a></p>
                            <input type="text" class="form-control" id="email"  placeholder="...">
                            <div class="help-block with-errors"></div>
                        </div>


                        <div class="log-line reg-form-1 no-margin">
                            <div class="pull-left">
                            </div>
                            <div class="pull-right">
                                <button type="submit" id="reg-submit" class="btn btn-md btn-success-filled btn-log btn-pill"><span>Acceder a tus resultados</span></button>
                                <div id="msgSubmit" class="h3 text-center hidden"></div>

                                <div class="clearfix"></div>
                            </div>
                        </div>
                    </div>



                </div>


            </div><!-- / row -->
        </div><!-- / header-content -->

style.css

...


#loginbox {

}

#inputuser {
  width: 100%;
  background: white;
  border: 1px solid #ebebeb;
  padding: 35px;
  background-color: rgba(255,255,255, 0.95);

  /*visibility: hidden;*/
}

#inputpassword {

}

#setpassword {

}

#securityquestions {

}