ERLEDIGT
NEIN
ANTWORTEN
1
ZUGRIFFE
465
EMPFEHLEN
  • An Twitter übertragen
  • An Facebook übertragen
  1. #1
    Avatar von Andre267
    Andre267 ist offline Mitglied Gold
    Registriert seit
    Jan 2009
    Beiträge
    125
    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?
     

  2. #2
    Avatar von spicelab
    spicelab ist offline ZENmechanic
    Registriert seit
    Feb 2010
    Beiträge
    1.727
    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
     

Thema nicht erledigt

Ä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. 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