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...
Kann mir jemand helfen?
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?