切换/切换div(jquery)

我希望完成一个相当简单的任务(我希望！)

我有两个div标签和1个锚标签，如下所示：

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

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

最好的方法怎么办？

最好的祝福。

解决方法

由于一个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>