Morgen Brotfischers,
ich hab ein kleines Problem mit einem slideDown aber ich kann es absolut nich finden. Der slideDown ansich funktioniert, es fährt auf und ab beim Hover, lediglich wird bei mir nur der Letzte Menüpunkt angezeigt. Das heißt ich lege 3 Buttons in das Menü was runter sliden soll aber ich bekomme immer nur den letzten Button angezeigt. Hier ist der dazugehörige Code.
Hier mein <head>
Code
<head>
<meta charset="utf-8">
<link href="style.css" type="text/css" rel="stylesheet" />
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
<script type="text/javascript">
$(document).ready(function () {
$('#navigation li').hover(
function () {
$('ul', this).slideDown(200);
},
function () {
$('ul', this).slideUp(200);
}
);
});
</script>
</head>dann die CSS
Code
#navigation
{
position:absolute;
top:208px;
left:35px;
/*font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;*/
font-family:Verdana, Geneva, sans-serif;
font-size: 16px;
text-transform: uppercase;
list-style: none;
padding: 4px 0px 0px 5px;
}
#navigation li
{
float: left;
margin-left: 15px;
}
#navigation ul
{
font-family:Tahoma, Geneva, sans-serif;
font-size: 13px;
background-image: url(images/dropbox.png);
background-repeat: no-repeat;
width: 186px;
/*height: 76px;*/
color: #FFF;
position: absolute;
z-index: 100;
display: none;
margin: -5px 0px 0 -30px;
padding: 15px 5px 5px 5px;
text-align: center;
list-style: none;
margin-left: -68px;
}
#navigation ul li
{
width: 186px;
float: left;
}Und schließlich die PHP
PHP
<?php
echo '<div id="navigation">';
if(empty($_SESSION["user"]))
{
echo '<li><a href="index.php?page=home"><img src="images/icon/home.png" width="45" height="46" /></a></li>';
}
else
{ ?>
<li><a href="index.php?page=home"><img src="images/icon/home.png" width="45" height="46" /></a></li>
<li><img src="images/icon/home.png" width="45" height="46">
<ul>1</ul>
<ul>12</ul>
<ul>123</ul>
<ul>1234</ul>
</li>
<li><img src="images/icon/home.png" width="45" height="46">
<ul>1</ul>
<ul>12</ul>
<ul>123</ul>
<ul>1234</ul>
</li>
<li><a href="index.php?page=logout"><img src="images/icon/logout.png" width="45" height="46" /></a></li>
<?php }
echo '</div>';
?>
Ich hoffe jemand kann meinen Blick stärken 
