<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();

}
}

转载于:https://www.cnblogs.com/523823-wu/p/9963472.html