1 Dernière modification par ervator (01-02-2012 11:10:53)

Sujet : [Résolu] Problème avec mon script jquery

Bonsoir;

J'ai un petit soucis avec mon code jquery, mais alors je ne vois vraiment pas où !

 <!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>

Merci à celui qui saura me dire pourquoi mes menus ne s'affichent pas au passage de la souris !

Re : [Résolu] Problème avec mon script jquery

C'est tout simplement parce qu'il te manque une virgule entre tes deux déclarations de fonction dans ton hover, et qu'il te manque également une virgule dans le sélecteur de ta deuxieme fonction entre le ul et le this smile

Re : [Résolu] Problème avec mon script jquery

Merci ! ça marche nickel !

Re : [Résolu] Problème avec mon script jquery

Parfait smile

Je déplace le message vers la section appropriée (Fonctions natives)