<span>和<div>标签的隐藏和显示切换

<div class="axb">
    <span id="tipStep1" class="fl" >第一步显示</span>
    <span id="tipStep2" class="fl" style="display:none">第二部显示</span><!-- 第一步先是隐藏的 -->
</div>
复制代码
<div id="axbStep2" class="bottom" style="display:none;margin-top:60px;"></div>
<a class="btn confirm" onclick="registStep2();">下一步</a>

function axbStep2(){
var userPhone = ("#userPhone").val();  if(userPhone==""){("#userPhone").val();  if(userPhone==""){("#checkPhoneMsg").html("请输入手机号码");
("#checkPhoneMsg").css("color","orange");  return ;  }  //验证都通过  if(checkphone){  checkSMSCodeJs();  }     if(checkphone && checkCaptcha()){("#checkPhoneMsg").css("color","orange");  return ;  }  //验证都通过  if(checkphone){  checkSMSCodeJs();  }     if(checkphone && checkCaptcha()){("#registStep1").hide(); //切换效果
("#registStep2").show(); //("#registStep2").show(); //("#tipStep1").hide();
$("#tipStep2").show();

}
}

posted @ 2018-11-15 14:52  wumengjuan  阅读(387)  评论(0编辑  收藏  举报