<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==""){
$("#checkPhoneMsg").html("请输入手机号码");$("#checkPhoneMsg").css("color","orange");
return ;
}
//验证都通过
if(checkphone){
checkSMSCodeJs();
}
if(checkphone && checkCaptcha()){
$("#registStep1").hide(); //切换效果
$("#registStep2").show(); //$("#tipStep1").hide();
$("#tipStep2").show();

}
}