Afficher / Masque une div au clic n'importe où
Bonjour,
Moi et le javascript... :aie: je suis en pleine galère pour un truc tout simple.
J'arrive à afficher/masquer une div lorsqu'on clic sur le bouton concerné mais je voudrais qu'elle se cache lorsqu'on clic n'importe où à l'extérieur de la div qui s'est affichée...
Mais je n'y arrive pas :aie: j'ai essayé pas mal de code différent sur le forum mais... toujours rien.
Voilà mon code :
Code:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
|
<script type="text/javascript">
function switchInfoLikes()
{
divInfo = document.getElementById('likes');
if (divInfo.style.display == 'none')
divInfo.style.display = 'block';
else
divInfo.style.display = 'none';
}
</script>
<script type="text/javascript">
jQuery(function($) {
var test = $('#likes');
$(document.body).click(function(e) {
// Si ce n'est pas #likes ni un de ses enfants
if(!$(e.target).is(test)&&!$.contains(test[0],e.target)) {
alert('On ferme le menu !');
}
});
});
</script> |
Et le code html :
Code:
1
2
3
4
5
6
|
<a class="notifmenu" href="javascript: switchInfoLikes();"></a>
<div id="likes" style="display: none;">
Blabla
</div> |
J'espère que vous pourrez m'aider... :oops:
