jQuery fadeOut和fadeIn和removeClass

时间:2015-05-13 17:07:34

标签: jquery twitter-bootstrap

我尝试使用jQueryfadeOutfadeIn进行转换,但不是因为我错了,因为我对此感到陌生并希望得到一点帮助!

点击"btn-login"隐藏主div,但操作必须继续显示其他div实际上没有通过,因为只生效fadeout但不删除课程"hidden"给他添加,没有fadeIn

这里的例子是:

jsfiddle

这是我的剧本:

  $( document ).ready(function() {
    $(".btn-login").click(function() {

      $("#inicio_sesion").fadeOut(1000, function(){
        $("recuperar_clave").removeClass("hidden").fadeIn(3000);
      });

    }); 
  });

1 个答案:

答案 0 :(得分:0)

解决:

感谢john-s

<script>
  $( document ).ready(function() {

    $(".btn-recuperar").click(function() {

      $("#inicio_sesion").fadeOut(500, function(){
          $("#recuperar_clave").fadeIn(500).removeClass("hidden");
      });

    }); 

    $(".btn-login-back").click(function() {

      $("#recuperar_clave").fadeOut(500, function(){
          $("#inicio_sesion").fadeIn(500);
      });

    }); 

  });


</script>