IT源码网

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

luoye 2021年01月14日 Web前端 564 0
<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();

}
}

 

评论关闭
IT源码网

微信公众号号:IT虾米 (左侧二维码扫一扫)欢迎添加!