jquery ursprünglichen Inhalt wieder zurückbekommen

[fUnKuCh3n]

Hallo,

ich nutze jquery u.A. dafür um auf einer Loginseite via Klick auf "Passwort vergessen" direkt das Feld für die Daten einzublenden nur weiss ich nicht so recht wie ich dort wieder einen Link einbauen kann bzw. welche Funktion hinter dem stecken muss damit ich den Ursprünglichen Content wieder erlange.

$(function() {


  $(".lost-pwd").click(function() {

		    $('#login').html("<h2>Passwort vergessen</h2>")
		    .append("<p>hier kommt das formular hin....</p><br />.")
     
    return false;
	});
});

Der Inhalt der #login sieht wie folgt aus:

				<!-- Login Form -->
				<form class="clearfix" action="" method="post" id="login">
					<h1>Kunden Login</h1>
					<label class="grey" for="login">Benutzername:</label>
					<input class="field" type="text" name="loginname" id="loginname" value="" size="23" />
					<label class="grey" for="password">Passwort:</label>
					<input class="field" type="password" name="password" id="password" size="23" />
	            	<label><input name="cookie" id="cookie" type="checkbox" value="1" checked="checked"/> &nbsp;Dauerhaft eingeloggt bleiben</label>
        			<div class="clear"></div>
					<input type="submit" name="submit" value="Login" class="bt_login" />
					<a class="lost-pwd" href="#">Passwort vergessen?</a>
				</form>

Und wie kriege ich nun nachdem man auf Passwort vergessen geklickt hat wieder nen Link hin womit die #login gezeigt wird?

LG Sascha

 

[Sven Mintel]

Moin Sascha,

ich würde da garnicht grossartig mit html() arbeiten.

Packe von vornherein gleich beide Formularein die Seite, das "vergessen-Dingens" verstecke eingangs per CSS.

So kannst du bequem per show() und hide() das eine Einblenden, und das andere Ausblenden.