Toggle tab for javascript/jquery

Question

I am developing log-in panel for my web site. For that I have used single tab. First, it displayed "forgot username or password" in right corner of page. When the user clicks on this tab it displays "Remembered it? Sign in!" But the page should change to forgot pass word page.

Plz find below images(It has taken from http://www.picnik.com/app#/home/welcome )

Normal page:

After clicking on "Forgot your username" it should look like:

After that when I click on sign in it should navigate to the previous page which is username and password asked page.

it should in javascript or jQuery.

Thanks in advance

Answer 1

Just use box1.style.display = "block"; box2.style.display = "none"; box1.style.display = "block"; box2.style.display = "none"; on the "Remembered it" link and box1.style.dislpay = "none"; box2.style.display = "block"; box1.style.dislpay = "none"; box2.style.display = "block"; on the "Forgot it" one, where box1 is the login box and box2 is the password recovery box (which you can get with getElementById() ), and you're done.