On my login page I have 2 buttons, 'Login' and 'Sign Up'
I also have 2 grids (signin_grid, signup_grid) both containing inputs and buttons that are relevant to Logging in and Signing up.
on page load the JS:
preApperyio("signup_grid").hide();
Apperyio("signin_grid").hide();/pre
Login btn click JS:
preApperyio("signin_grid").toggle();
Apperyio("signin_Email").focus();
Apperyio("signup_grid").hide();/pre
Sign up btn click JS:
preApperyio("signup_grid").toggle();
Apperyio("signup_firstname").focus();
Apperyio("signin_grid").hide();/pre
This had been working fine for a good few months before christmas.
For some reason now when either button is clicked the grids dont appear.
I changed it to .show rather than .toggle
Login btn click JS:
preApperyio("signin_grid").show();
Apperyio("signin_Email").focus();
Apperyio("signup_grid").hide();/pre
This worked, and so did the rest of the code, so it appears that the .toggle function is not working for the grid component.
I changed the it back to .toggle instead of show and I removed the grid.hide on page load.
This time when the button was clicked the grid disappeared, but when clicked again the grid did not re-appear. so it seems like that toggle function is just hiding the component rather than toggling it.
I've tested the toggle function on other components and it works for them.
As a work around i'm using .hide and .show but it needs fixing.
I've tried this in chrome and safari and the problem is the same for both.