[jQuery]Wieso fährt mein container nicht ein?

Andre267

Erfahrenes Mitglied
Schönen guten Abend,

ich denke zu diesen Quellcode brauche ich eigentlich nicht viel erklären nur das es warum auch immer nicht geht...

HTML:
<html>
	<head>
		<title>Test Seite - Selektieren</title>
		<link rel="stylesheet" type="text/css" href="style.css" />
		<script src="jquery-1.7.2.js" type="text/javascript"></script>
		<script src="site.js" type="text/javascript"></script>
	</head>
	<body>
	<center>
	<br>
	<br>
		<div class="main">
			<div class="navi">
				<ul>
					<li>Home</li>
					<li>News</li>
					<li>Produkte</li>
						<ul>
							<li><a href="#">Pferde</a></li>
							<li><a href="#">Esel</a></li>
							<li><a href="#">Schwein</a></li>
						</ul>
					<li>Impressum</li>
				</ul>
			</div>
			<div class="content">
				<h2>News</h2>
				<div class="news">
					Hier stehen News und hast du nicht gesehen...
				</div>
			</div>
			<div class="test">
				Hier steht Ihre Werbung
			</div>
				<div class="unfloat">
				</div>
		</div>
	</center>
	<h2>test</h2>
	<div class="news">
		test text
	</div>
	
	</body>
</html>

HTML:
body{
	margin: 0px;
	padding: 0px;
}

.main{
	border: 1px solid black;
	width: 800px;
}

.navi{
	float: left;
	width: 220px;
	border: 1px solid blue;
}

.content{
	float: left;
	width: 380px;
	border: 1px solid silver;
}

.news{
	border: 1px solid red;
	width: 300px;
}

ul li{
	margin: 0px;
	padding: 0px;
	list-style-type: square;
}

ul li:hover{
	background-color: silver;
	color: white;
	margin: 0px;
	padding: 0px;
	list-style-type: square;
}

ul li li a:hover{
	background-color: grey;
	color: yellow;
}

.test{
	float: left;
	width: 194px;
	border: 1px solid blue;
}

.unfloat{
	clear: left; 
}

Code:
$(document).ready( function() {
	
	//SlideToogle
	$('h2').click(function {
		console.log('klick');
		$('.news').slideToogle();
	});

});

Kann mir jemand helfen?
 
Zeile 4 enthält einen Syntaxfehler, worin im Anschluß von .click(function das ()-Klammerpaar fehlt.

Die Fehlerkonsole gibt hierzu auch diese Meldung zurück:
Fehler: missing ( before formal parameters
Quelldatei: ***
Zeile: 4, Spalte: 25
Quelltext: $('h2').click(function {

Hiermit funktioniert das Script:
Javascript:
$(document).ready(function() {

  //SlideToogle
  $('h2').click(function() {
    console.log('klick');
    $('.news').slideToggle('slow') // zzgl. alternativer Angabe zum Parameter "duration" für die Animationsdauer
  });
});
Siehe auch .slideToggle() incl. der Beispiele.
 
Zuletzt bearbeitet:
Zurück