mon hover() fonctionne à l'envers
Bonjour à tous !
J'ai une image avec une div par dessus.
Cette div peut être cachée en cliquant sur un bouton (dans la div).
Ceci marche.
Je voudrais que lorsque la souris est sur l'image la div réapparaisse.
Seulement voilà, je clique sur le bouton, la div se cache et si je bouge sans pour autant sortir de l'image, la div ne revient pas.
Je suis obligé de sortir de l'image et là l'image revient ...
Pourquoi le hover ne fonctionne pas si je reste sur l'image pendant toute l'opération?
Le hover se fait lorsque je quitte l'image => effet inverse.
Voici mon code:
Code:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
|
$(document).ready(function(){
$("#search_bar").draggable({ containment: '#search_box', handle: '#draggable' });
$('#search_box').hover(function(){
$('#search_bar').fadeIn();
});
$('#search_bar').find('#close').click(function(){
$('#search_bar').fadeOut();
});
}); |
Code:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
|
<div id="search_box">
<div id="search_bar"> <!-- Barre blanche -->
<img id="close" src="images/close.png" />
<div id="search"><!-- Zone de recherche -->
<form action="" method="">
<input type="text" value="Tapez votre recherche..." onClick="javascript:this.value=''" />
</form>
<img src="images/arrow.png" />
</div>
<img id="draggable" src="images/draggable2.png" />
</div>
</div> |
Merci d'avance pour votre aide !!
