Modifier une action dans une div

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:

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:

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.