我希望完成一个相当简单的任务(我希望!)
我有两个div标签和一个锚标签,如下所示:
<a href="javascript:void(0);">forgot password?</a>
<div id="login-form"></div>
<div id="recover-password" style="display:none;"></div>
我希望使用锚标签在两个div标签之间切换,隐藏一个并显示另一个,反之亦然。
如何才能以最好的方式做到这一点?
发布于 2009-04-15 17:44:23
因为一个div最初是隐藏的,所以您可以简单地为两个div调用toggle:
<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>
发布于 2009-04-15 17:45:37
我想你想要的是:
$('#recover-password').show();
或
$('#recover-password').toggle();
这是由jQuery实现的。
发布于 2009-04-15 17:53:19
使用以下命令:
<script type="text/javascript" language="javascript">
$("#toggle").click(function() { $("#login-form, #recover-password").toggle(); });
</script>
您的HTML应该如下所示:
<a id="toggle" href="javascript:void(0);">forgot password?</a>
<div id="login-form"></div>
<div id="recover-password" style="display:none;"></div>
嘿,好吧!一句话!I <3 jQuery。
https://stackoverflow.com/questions/752847
复制相似问题