Bonjour à tous
Voila j'ai un script que j'ai transformer à ma guise et qui fonctionne très bien. Le souci c'est qu'il est actif sur 3 div et je voudrais qu'il devienne actif que sur 1 seul div.
Je vous donne mon code et je vous explique.
Code html : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24 <!DOCTYPE> <html> <head> <META http-equiv="Content-Type" content="text/html; charset=UTF-8" /> <META http-equiv="Content-Type" content="text/css; charset=UTF-8" /> <link rel="stylesheet" type="text/css" media="all" href="style.css" /> <script type="text/javascript" src="jquery.min.js"></script> </head> <body> <div id="cadre-menu"> <div id="bordure-menu"> <div id="bouton-menu"> <img align="right" width="85px" src="mep/menu1.gif" alt="" onMouseOver="javascript:this.src='mep/menu2.gif';" onMouseOut="javascript:this.src='mep/menu1.gif';" /> </div></div> <script type='text/javascript' src='menu-fixe.js'></script> </body> </html>
Code javascript : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
7 $(document).ready(function() { $("#cadre-menu").click(function() { $("#cadre-menu").animate({ top: "0" }, 800 ); },function(){ $("#cadre-menu").animate({ top: "-60px" }, 800 ); }); $("#cadre-menu").hover(function() { },function(){ $("#cadre-menu").animate({ top: "-60px" }, 800 ); }); });
Tous fonctionne. J'aimerais juste qu'il me déroule "cadre-menu" quand je clique sur le div "bouton-menu" et non quand je clique sur une des 3 div.
Merci à ceux qui pourrais m'aider.
Partager