javascript - 切换 CSS 样式

Question

我有 2 个表单允许用户更改他们的电子邮件地址和另一个表单来更改他们的密码。

目前，它们是隐藏的，但我希望有 2 个链接显示每个表单。

我尝试过使用toggleClass，但我喜欢它，所以一旦有人在显示更改电子邮件地址表单时单击更改密码链接，我希望它隐藏它，然后显示密码表单，反之亦然。

我怎样才能做到这一点？

Answer 1

为什么不直接向另一个表单添加（或删除）一个类，而不是切换它？

$('a.email-link').on('click',function() {
    $('form.email-form').toggleClass('hidden');
    $('form.password-form').addClass('hidden');
});