jquery - 切换/切换 div (jQuery)

Question

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

我有两个 div 标签和一个 anchor 标签，像这样:

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

我希望使用 anchor 标记在两个 div 标记之间切换，隐藏一个显示另一个，反之亦然。

如何做到最好？

Answer 1

因为一个 div 最初是隐藏的，你可以简单地调用 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>