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

你猜 阅读:191 2021-01-14 09:29:24 评论: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();

}
}

 

声明

1.本站遵循行业规范,任何转载的稿件都会明确标注作者和来源;2.本站的原创文章,请转载时务必注明文章作者和来源,不尊重原创的行为我们将追究责任;3.作者投稿可能会经我们编辑修改或补充。

发表评论
搜索
排行榜
关注我们

扫一扫关注我们,了解最新精彩内容