我希望完成一项相当简单的任务(我希望!)
我有两个 div 标签和一个锚标签,如下所示:
<a href="javascript:void(0);">forgot password?</a>
<div id="login-form"></div>
<div id="recover-password" style="display:none;"></div>
我希望使用锚标记在两个 div 标记之间切换,隐藏一个并显示另一个,反之亦然。
如何才能以最好的方式做到这一点?
由于一个 div 最初是隐藏的,您只需调用toggle http://docs.jquery.com/Effects/toggle对于两个 div:
<a href="javascript:void(0);" id="forgot-password">forgot password?</a>
<div id="login-form">login form</div>
<div id="recover-password" style="display:none;">recover password</div>
<script type="text/javascript">
$(function(){
$('#forgot-password').click(function(){
$('#login-form').toggle();
$('#recover-password').toggle();
});
});
</script>
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)