fonction animate pour menu deroulant
voici un petit de code que j ai teste pour mettre en place un menu deroulant :
Code:
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26
|
<html>
<head>
<script type="text/javascript" src="js/jquery.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$("#indicateur").mouseover(function()
{
$("#menu").animate({height:"160"},300);
});
$("#menu").mouseout(function()
{
$("#menu").animate({height:"20"},300);
});
});
</script>
<body>
<div id="menu" style="border:1px black solid;height:20;overflow:hidden">
<div id="indicateur"><label>indicateur</label></div>
<div id="menubas">
<div id="menubas1">monmenuA</div>
<div id="menubas2">monmenuB</div>
</div>
</div>
</body>
</html> |
mon probleme le voici :
le calque "menu" se deroule bien mais des que je bouge il remonte meme si je reste à l interieur de celui ci ...je ne comprend pas..
pouvez vous m expliquer pourquoi ?
merci d avance
willy