Bonjour,
J'ai un petit soucis avec mon code jquery, mais alors je ne vois vraiment pas où !
Merci à celui qui saura me dire pourquoi mes menus ne s'affichent pas au passage de la souris !
J'ai un petit soucis avec mon code jquery, mais alors je ne vois vraiment pas où !
Merci à celui qui saura me dire pourquoi mes menus ne s'affichent pas au passage de la souris !
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr" lang="fr">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<style type="text/css">
#container{width:500px;height:500px;margin: 0 auto;}
#navigation{margin:0;padding:0;list-style:none;}
#navigation li{list-style:none;float:left;display:block;width:100px;background:#ccc;
position:relative;margin:0 1px;}
#navigation li a {display:block; height:23px;text-decoration:none;
color:#fff;text-align:center;margin:8px 5px 0px 5px;}
#navigation ul {position:absolute;display:none;left:0;margin: 0 0 0 -1px;padding: 0;list-style:none;}
#navigation ul li {width:100px;float:left;border-top: 1px solid #fff;}
#navigation ul a {display: block; height: 15px; padding: 8px 5px; color: #666;}
</style>
<script type="text/javascript" src="jquery.js"></script>
<script type="text/javascript">
$(function() {
$('#navigation li').hover(
function(){
$('ul', this).slideDown(100);
}
function(){
$('ul' this).slideUp(100);
});
});
</script>
<title>Evenements jquery</title>
</head>
<body>
<div id="container">
<ul id="navigation">
<li><a href="#">MENU</a>
<ul>
<li><a href="#">Sous-menu</a></li>
<li><a href="#">Sous-menu</a></li>
<li><a href="#">Sous-menu</a></li>
</ul>
</li>
<li><a href="#">MENU</a>
<ul>
<li><a href="#">Sous-menu</a></li>
<li><a href="#">Sous-menu</a></li>
<li><a href="#">Sous-menu</a></li>
</ul>
</li>
</ul>
</div>
</body>
</html>