由于最初隐藏了一个div，因此您可以简单地调用切换两个div：

 < a href =javascript：void（0）; id =忘记密码>忘记密码？< / a> 
< div id =login-form>登录表单< / div> 

< div id =recover-passwordstyle =display：none;>恢复密码< / div> 

< script type =text / javascript> 
 $（function（）{
 $（'＃forgot-password'）。click（function（）{
 $（'＃login-form'）。toggle（）; 
 $（'＃recover-password'）。toggle（）; 
}）; 
}）; 
< / script> 
 

I wish to accomplish a fairly simple task (I hope!)

I got two div tags and 1 anchor tags, like this:

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

What I wish to accomplish is use the anchor tag to toggle between the two div tags, hide the one and show the other and vice versa.

How can this be done the best way?

Best regards.

Since one div is initially hidden, you can simply call toggle for both divs:

<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>