I have a form which needs to display the fields only when the user authenticates.

The authentication works as expected.

But currently i have the login button and all the fields displayed below the login button .

Once the user authenticates the fields populate the data and submit is enabled.

But when the form link is clicked i want only the login button to show and not the fields below. After the user authenticates the fields can display.

How can i achieve this using java script or is there any other way?