切换/切换 div (jQuery)

2022-01-19 00:00:00 toggle switch-statement jquery html

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

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

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

I got two div tags and one 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>

我希望使用锚标签在两个 div 标签之间切换，隐藏一个并显示另一个，反之亦然.

I wish 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?

推荐答案

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

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>

相关文章