Afficher/Cacher une div js.
Bonjour tout le monde, j'essai actuellement de faire apparaître un div en survolant un autre div, je sais que c'est un sujet qui revient et j'ai trouvé pas mal de post à ce sujet, c'est vrai. Mais à une chose près, je n'arrive pas à faire en sorte que le div reste actif tant qu'on reste dans le div en question ou dans le div de survol. De plus, lorsque je mets des éléments dans la div flyout, le fait de survoler les éléments internes, font comme si je quittais le conteneur flyout. J'ai donc essayer de bidouiller à ma façon, mais mes connaissances sont je pense trop faibles pour y arriver sans encombres ^^.
Je vous donne mes codes :
Code:
1
2
3
4
5
6
7
8
9
| <div id="test">
<div id="menu" class="margint10 round-border">
<a href="#"><img src="https://dl.dropbox.com/u/19982181/fab/plus.jpg" alt="" id="menu_link"/></a>
</div>
</div>
<div class="flyout hidden">test</div> |
Et le JS :
Code:
1
2
3
4
5
6
7
8
9
10
11
12
13
| <script type="text/javascript">
$("#menu").hover(function(){
$('.flyout').show();
});
$("#test").mouseover(function(){
$('.flyout').show();
});
$(".flyout").mouseout(function(){
$('.flyout').hide();
});
</script> |
Voilà en espérant que vous pourrez m'aider. Cdlt.
