两个菜单切换显示页面内容:
js控制代码,
/** JS初始化 **/ $(document).ready(function() { $('#email_btn').click(function(){ $('.phone_updatepwd,.email_updatepwd').toggle(); if($(this).text() == "使用邮箱重置密码"){ dxbz=false; $(this).html("使用手机重置密码"); }else{ dxbz=true; $(this).html("使用邮箱重置密码"); } }); });
<!--默认手机--> <div class="phone_updatepwd"> <input type="text" id="c_phonenumber" placeholder="请输入手机号" class="login_input l2"/> </div> <!--邮箱--> <div class="email_updatepwd" style="display:none;"> <input type="text" id="c_email" placeholder="请输入邮箱" class="login_input l2"/> </div>