使用闭包实现显示隐藏div
2016-03-14 14:38
190 查看
<div class="binds"> <div class="phonebind"> <h3>手机绑定</h3> <p>当前手机号码:<span id="oldPhone">$!{user.phone}</span><input type="button" class="btnInput" id="rebindPhone" value="重新绑定"></p> <div class="updatetelwrap hidden"> <div class="newphonewrap"> <label>新手机号码<em>*</em></label> <input type="text" class="formatText" id="newPhone" /> </div> <div class="identifywrap"> <label>短信验证码<em>*</em></label> <input type="text" class="inputcode" /> <input type="button" value="获取短信验证码" class="identifycode"/> <p><input type="button" value="绑定" class="bindbtn" id="newphonebind" style="float: left;" onclick="javascript:bindPhone();" /></p> </div> </div> </div> <div class="emailbind"> <h3>邮箱绑定</h3> <p>当前电子邮箱:<span id="oldEmail">$!{user.email}</span><input type="button" class="btnInput" value="重新绑定" id="rebindEmail"></p> <div class="update-email-wrap hidden"> <div class="emailwrap"> <label>新电子邮箱<em>*</em></label> <input type="text" class="formatText" id="newEmail" /> <p><input type="button" value="发送验证邮件" id="sendEmail" style="float: left;" class="btnInput" onclick="javascript:bindEmail();" /></p> </div> </div> </div> </div> <script> $(function(){ $(document).on("click","#rebindPhone",bindInputclick()); $(document).on("click","#rebindEmail",bindInputclick()); }) function bindInputclick(){ var i=2; return function(){ if(i%2==0){ $(this).parent().next().slideDown(); } else { $(this).parent().next().slideUp(); } i++; } } </script>
相关文章推荐
- 查看Data Guard同步--使用Broker
- 配置网络策略中的 NAP 条件
- 【分布式计算】关于Hadoop、Spark、Storm的讨论
- Android中使用DownloadManager进行下载操作
- 简述raid0、raid1、raid5的区别
- Android布局学习笔记
- 国家语言的简称编码
- 【C++ STL学习之四】Map类模板
- 亲密接触Redis-第三天(Redis的Load Balance)
- 文档内的当前编码不能正确保存文档内所有字符,可能需改为UTF-8支持的编码
- 集成支付宝钱包支付iOS SDK的方法与经验
- dede实现首页、栏目页、内容页的会员同步显示登陆状态
- 四种建图方法
- 源码解析Android中View的measure量算过程
- 服务器时间同步
- 管理后台作业相关命令 fg,bg,ctrl+z
- 亲密接触Redis-第三天(Redis的Load Balance)
- Bzoj 1901: Zju2112 Dynamic Rankings 主席树,可持久,树状数组,离散化
- 笔记:少做,多得
- LVS--什么是LVS?