javascript - CSS スタイルの切り替え

Question

ユーザーがメールアドレスを変更できるフォームと、パスワードを変更できるフォームが 2 つあります。

現在、それらは非表示になっていますが、各フォームを表示する 2 つのリンクが必要です。

使ってみましtoggleClassたが、メールアドレスの変更フォームが表示されているときに誰かがパスワードの変更リンクをクリックすると、それを非表示にしてからパスワードフォームを表示したいのですが、その逆も同様です。

どうやってやるの？

Answer 1

クラスをトグルするのではなく、他のフォームにクラスを追加 (または削除) しないのはなぜですか?

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