Html5+Css3 控制显示

来源：互联网发布：明底线知规矩守纪律编辑：程序博客网时间：2024/06/05 07:13

<tr class="validation-status clearfix">
<td class="left wid_w120 bor_b">登录密码</td>
<td class="wid_w480 fc_9 bor_b">保障账户安全，建议您定期更换密码</td>
<td class="wid_w100 fc_9 bor_b"><i class="icon_base icon_16 icon_base_tipright16 vertical_middle mar_r10"></i><span class="vertical_middle">已设置</span></td>
<td class="bor_b wid_w200"><div class="pad_l30"><a title="修改" class="showNext xiugai" href="javascript:;">修改</a></div></td>
</tr>
<tr class="only none xiugai_box">
<td class="pad_t20 pad_b20" colspan="4">
<table id="loginPwd" class="table_child form" width="100%" cellspacing="0" cellpadding="0">
<tbody>
<tr>
<th class="leftside pad_b20 wid_w190 pad_t10" valign="top">当前密码</th>
<th class="rightside pad_b20" valign="top">
<input type="password" id="atPresentPwd" name="atPresentPwd" class="input_all ui-input w320-input" autocomplete="off">
<br><span id="atPresentPwdMSG" style="display:none"></span>
</th>
</tr>
<tr>
<th class="leftside pad_b20 wid_w190 pad_t10" valign="top">设置新密码</th>
<th class="rightside pad_b20" valign="top">
<input type="password" id="newPwd" name="newPwd" onkeyup="pwStrength(this.value)" onblur="pwStrength(this.value)" class="input_all ui-input w320-input" autocomplete="off">
<br><span id="newPwdMSG" style="" class="prompt_1 error_1"><em></em>密码由6~20位英文、数字或标点符号组成</span>
<div class="mima" id="mima1" style="display:none">
<span id="weak" class="bg">弱</span>
<span id="centre">中</span>
<span id="strong">强</span>
</div>
</th>
</tr>
<tr>
<th class="leftside wid_w190 pad_b20 pad_t10" valign="top">确认新密码</th>
<th class="rightside pad_b20" valign="top">
<input type="password" id="newPwd0" name="newPwd0" class="input_all ui-input w320-input" autocomplete="off">
<br><span id="newPwd0MSG" class="prompt_1 error_1" style="display:none"></span>
</th>
</tr>
<tr>
<th> </th>
<th class="rightside">
<button class="btn btn_36c btn_size120" onclick="pwdChange('pwd');">修改登录密码</button>
</th>
</tr>
</tbody>
</table>

<div class="sucess clearfix wid_w240 none" id="sucessPwd">
<div class="icon_base icon_50 icon_base_tipright50 mar_r10 fl"></div>
<div class="fl">
<div class="fs_18 pad_b20">登录密码修改成功！</div>
<div><a class="btn btn_size100 btn_blue" href="javascript:;" title="确定">确定</a></div>
</div>
</div>

</td>
</tr>

js:

var showNext=$('.showNext');
showNext.click(function(){
var $next=$(this).parents('tr').next();
$next.find('.rightside').children('input').val('');
$next.find('.error_1').hide();
$next.find('#bankCardAdd').addClass('none').siblings().removeClass('none');
$next.find('#changePhoneByOld').addClass('none').siblings().removeClass('none');
$next.toggleClass('none').siblings('.only').addClass('none');
})

$('.why i').hover(function(){
$(this).siblings().show();
},function(){
$(this).siblings().hide();
})
//Safety Center End

0 0