Hat es drauf
Hallo,
ich bin momentan an einem Forular dran welches ich mit jQuery verfeinern möchte, folgendemaßen sieht mien Code aus:
Das funktioniert auch alles gut jedoch wenn ich auf die a1 klicke zieht es sich zusammen, aber dann auch wieder sofort auseinander (es soll stehenbleiben beim zusammenziehen)...
Und eine Frage habe ich noch und zwar wie kann ich einstellen das ich beim aufrufen des Formulars alle Reiter ausgeblendet sind also das ich erst auf die Überschrift klicken muss damit Sie mir angezeigt werden kann...
Beste Grüße
ich bin momentan an einem Forular dran welches ich mit jQuery verfeinern möchte, folgendemaßen sieht mien Code aus:
HTML:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Formular mit jQuery</title>
<link rel="stylesheet" type="text/css" href="css/styles.css" media="screen" />
<script type="text/javascript" src="script/jquery.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$("div.a1").click(function(){
$("div.u1").slideUp(5000);
});
$("div.a1").click(function(){
$("div.u1").slideDown(5000);
});
$("div.a2").click(function(){
$("div.u2").slideUp(5000);
});
$("div.a2").click(function(){
$("div.u2").slideDown(5000);
});
$("div.a3").click(function(){
$("div.u3").slideUp(5000);
});
$("div.a3").click(function(){
$("div.u3").slideDown(5000);
});
});
</script>
</head>
<body>
<div id="wrapper">
<div class="h1">
<div class="a1">
<p>Kontaktdaten</p>
</div>
<div class="u1">
<p><b>Bitte Geben Sie Ihre Kontaktdaten ein!</b></p>
<br /><br />
<label for="vorname">Vorname:</label><br />
<input class="k_eingabe" size="30" id="vorname" name="vorname" /><br /><br />
<label for="name">Name:</label><br />
<input class="k_eingabe" size="30" id="name" name="name" /><br /><br />
<label for="email">E-Mail:</label><br />
<input class="k_eingabe" size="30" id="email" name="email" /><br /><br />
</div>
</div>
<div class="h2">
<div class="a2">
<p>Nachricht</p>
</div>
<div class="u2">
<p><b>Bitte tragen Sie Ihre Nachricht ein damit ich weiß um was es geht!</b></p>
<br /><br />
<label for="nachricht">Nachricht:</label><br />
<textarea class="k_eingabe" cols="50" rows="8" id="message" name="message"></textarea>
</div>
</div>
<div class="h3">
<div class="a3">
<p>Abschicken</p>
</div>
<div class="u3">
<p><b>Wenn alle Ihre Angaben richtig sind können Sie hier das Formular abschicken!</b></p>
<br /><br />
<input class="abschicken" id="submit" name="submit" type="submit" value="Absenden" />
</div>
</div>
</div>
</body>
</html>
Das funktioniert auch alles gut jedoch wenn ich auf die a1 klicke zieht es sich zusammen, aber dann auch wieder sofort auseinander (es soll stehenbleiben beim zusammenziehen)...
Und eine Frage habe ich noch und zwar wie kann ich einstellen das ich beim aufrufen des Formulars alle Reiter ausgeblendet sind also das ich erst auf die Überschrift klicken muss damit Sie mir angezeigt werden kann...
Beste Grüße