added login/register form with jquery changing

index2.php

@@ -40,19 +40,54 @@
 		</nav>
 		<div class="row">
 			<div class="col-xs-10 col-xs-offset-1">
-				<div class="jumbotron">
-					<form>
-						<div class="form-group">
-							<label for="LoginUserId">Benutzername</label>
-							<input type="text" class="form-control" id="LoginUserId" placeholder="Benutzername">
+				<div class="row">
+					<div class="col-xs-12" id="loginCol">
+						<div class="panel panel-info">
+							<div class="panel-heading">
+								<h3 class="panel-title">Anmeldung</h3>
+							</div>
+							<div class="panel-body">
+								<form>
+									<div class="form-group">
+										<label for="LoginUserId">Benutzername</label>
+										<input type="text" class="form-control" id="LoginUserId" placeholder="Benutzername">
+									</div>
+									<div class="form-group">
+										<label for="LoginUserPwd">Passwort</label>
+										<input type="password" class="form-control" id="LoginUserPwd" placeholder="Passwort">
+									</div>
+									<button type="submit" class="btn btn-default">Anmelden</button>
+								</form>								
+							</div>
+							<div class="panel-footer">
+								<a href="#" id="showRegBtn" role="button" class="btn btn-info btn-xs">Zur Registrierung wechseln...</a>
+							</div>
 						</div>
-						<div class="form-group">
-							<label for="LoginUserPwd">Benutzername</label>
-							<input type="password" class="form-control" id="LoginUserPwd" placeholder="Passwort">
+					</div>
+					<div class="col-xs-12" id="registerCol" style="display:none;">
+						<div class="panel panel-info">
+							<div class="panel-heading">
+								<h3 class="panel-title">Registrierung</h3>
+							</div>
+							<div class="panel-body">
+								<form>
+									<div class="form-group">
+										<label for="RegUserId">Benutzername</label>
+										<input type="text" class="form-control" id="RegUserId" placeholder="Benutzername">
+									</div>
+									<div class="form-group">
+										<label for="RegUserPwd">Passwort</label>
+										<input type="password" class="form-control" id="RegUserPwd" placeholder="Passwort">
+									</div>
+									<button type="submit" class="btn btn-default">Registrieren</button>
+								</form>
+							</div>
+							<div class="panel-footer">
+								<a href="#" id="showLoginBtn" role="button" class="btn btn-info btn-xs">Zur Anmeldung wechseln...</a>
+							</div>
 						</div>
-						<button type="submit" class="btn btn-default">Anmelden</button>
-					</form>
-				</div>
+					</div>
+				</div>				
 			</div>
 		</div>
 	</div>
@@ -61,5 +96,6 @@
     <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
 	<!-- Latest compiled and minified JavaScript -->
 	<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/js/bootstrap.min.js" integrity="sha384-0mSbJDEHialfmuBBQP6A4Qrprq5OVfW37PRR3j5ELqxss1yVqOtnepnHVP9aJ7xS" crossorigin="anonymous"></script>
+	<script src="customJS.js"></script>
 	</body>
 </html>
\ No newline at end of file