ERLEDIGT
NEIN
ANTWORTEN
1
ZUGRIFFE
391
EMPFEHLEN
  • An Twitter übertragen
  • An Facebook übertragen
  1. 05.05.12 22:35 #1
    Avatar von Andre267
    Andre267
    Andre267 ist offline Mitglied Gold
    Registriert seit
    Jan 2009
    Beiträge
    108
    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-Code:
    <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-Code:
    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 :
    1
2
3
4
5
6
7
8
9

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

    Kann mir jemand helfen?
     
    MfG: Andre267
    TechLaRocca™
    Zitieren Zitieren
  2. 06.05.12 09:10 #2
    Avatar von spicelab
    spicelab
    spicelab ist offline ZENmechanic
    Registriert seit
    Feb 2010
    Beiträge
    1.595
    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:
    Code javascript:
    1
2
3
4
5
6
7
8

    $(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.
    Geändert von spicelab (06.05.12 um 19:09 Uhr) Grund: Tipp-Ex
     
    Zitieren Zitieren
Thema nicht erledigt
« substring | kleines Problem mit variablen übergabe »

Ähnliche Themen

  1. jQuery Dialog im IE anscheinend nicht vorhanden aber wieso?
    Von BlubBlub im Forum Javascript & Ajax
    Antworten: 0
    Letzter Beitrag: 30.03.11, 10:45
  2. mein fadeIn skript für text geht nicht und ich weiss nicht wieso
    Von DH_Vie im Forum Javascript & Ajax
    Antworten: 4
    Letzter Beitrag: 16.01.06, 14:20
  3. Mein PC fährt nicht herunter..Wer kennt sich aus?
    Von JuLaYdA im Forum Microsoft Windows
    Antworten: 1
    Letzter Beitrag: 23.06.04, 14:07
  4. wieso kann ich mein ftp server nicht im browser öffnen?
    Von denfao im Forum Microsoft Windows
    Antworten: 2
    Letzter Beitrag: 05.07.01, 12:25