[Résolu] Simple menu en jQuery

Bonsoir,

Je développe un petit menu en jQuery, cela fonctionne parfaitement sous FF mais IE me détecte une erreur Ligne 1, caractère 1...

Voici mon code jQuery :

jQuery(function($) {
  
  $("#menu ul.effetMenu a").hover
  (
    // Function avance...
    function()
    {
    	$(this).stop().animate({paddingLeft: "10px"}, 300);
    }, 
    
    // Function recule...
    function()
    {
    	$(this).stop().animate({paddingLeft: "0px"}, 300);
    }
  );

});

Mon code HTML (Si sa peu aider...)

  <div id="menu">
    <ul class="effetMenu">
      <li><a href="#" title="0">0</a></li>
      <li><a href="#" title="1">1</a></li>
      <li><a href="#" title="2">2</a></li>
      <li><a href="#" title="3">3</a></li>
      <li><a href="#" title="4">4</a></li>
      <li><a href="#" title="5">5</a></li>
      <li><a href="#" title="6">6</a></li>
      <li><a href="#" title="7">7</a></li>
      <li><a href="#" title="8">8</a></li>
      <li><a href="#" title="9">9</a></li>
    </ul>
  </div>

Et CSS :

* {
  margin: 0;
  padding: 0;
  outline: none;
}
body {
	font-family: "Lucida Grande", Verdana, Arial, sans-serif ;
	background: #353535;
	font-size: 12px;
}
ul {
  list-style-type: none;
}
a {
	text-decoration: none;
}
#menu {
	width: 220px;
	float:left;
	text-align: center;
}
#menu ul li a {
	width: 170px;
	height: 30px;
	color: #fff;
	line-height: 26px;	
	display: block;	
	background: url(../images/list-item.png) no-repeat right top;
}
#menu ul li a:hover {
	color:#f93;
}

Merci de vote aide car je débute en JS
Modifié par deli (10 Mar 2011 - 11:13)

salut

le début n'est pas correct içi, tu débute comme pour plugin, fait plutôt çà

$(document).ready(function() {      
  $("#menu ul.effetMenu a").hover(function() {         
    $(this).stop().animate({paddingLeft: "10px"}, 300);     
  },function() {
     $(this).stop().animate({paddingLeft: "0px"}, 300);     
  }   
 );  
});

Merci !!! Sa marche impeccable !

A++

Deli