切换/切换div(jquery)

前端之家收集整理的这篇文章主要介绍了切换/切换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>
原文链接:https://www.f2er.com/css/218446.html

猜你在找的CSS相关文章