切换/切换div(jquery)

Question

我希望完成一项相当简单的任务(我希望!)

我有两个div标签和1个锚标签,如下所示:

<a href="javascript:void(0);">forgot password?</a>
<div id="login-form"></div>
<div id="recover-password" style="display:none;"></div>

我想要完成的是使用锚标签在两个div标签之间切换,隐藏一个标签并显示另一个标签,反之亦然.

如何才能以最佳方式完成？

最好的祝福.

Answer 1

由于最初隐藏了一个div,因此您只需为两个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>

Answer 2

我想你想要这个：

$('#recover-password').show();

或者

$('#recover-password').toggle();

这是通过 jQuery 实现的。