Question

I have 2 forms that allows the user to change their email address and another to change their password.

Currently, they’re hidden but I’d like to have 2 links that shows each form.

I’ve tried using toggleClass but I’d like it so once somebody clicks the change the password link while the change the email address form is shown, I’d like it to hide that and then show the password form and vise versa.

How can I do that?

Answer 1

Why not just add (or remove) a class to the other form, instead of toggling it?

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