[HELP] Un mec calé un Javascript?

J'ai un problème sur mon code, j'ai une liste déroulante, pour l'ouvrir, il faut que je clique dessus et pareil pour la fermer.https://image.noelshack.com/fichiers/2016/38/1474723937-tv9.png

Mais je voudrai aussi qu'elle se ferme quand je clique ailleurs sur la page.

Et vu mon niveau proche du néant en JS (j'ai récup le code ) j'y arrive pas.https://image.noelshack.com/fichiers/2016/38/1474723948-tv7.png

Un khey bienveillant pourrait m'aider?https://image.noelshack.com/fichiers/2016/38/1474723948-tv24.png

Mon code:
https://jsfiddle.net/82qfxdg4/https://image.noelshack.com/fichiers/2017/04/1485268586-hackeur-v1.png

Merde, j'aurai du mettre des boobs pour pas bider!https://image.noelshack.com/fichiers/2016/39/1474897005-mesplans.png

Ajoute un événement blur sur ta liste déroulante, et associe le fait de la fermer

Le 20 mars 2022 à 21:48:25 :
Ajoute un événement blur sur ta liste déroulante, et associe le fait de la fermer

Je sais pas faire, j'y comprend rien en Javascript...https://image.noelshack.com/fichiers/2016/38/1474723948-tv7.png

Sauvez moi! Si vous le faites pas pour moi, faite le pour elle!https://image.noelshack.com/fichiers/2016/38/1474723948-tv7.png

https://image.noelshack.com/fichiers/2022/11/7/1647809993-1023192-so-sexy.jpg

c'est $(".list-lang").toggle(); qui permet d'ouvrir et fermer le menu

Il faudrait rajouter une condition qui permette de savoir quand il est ouvert pour pouvoir appeler la fonction toggle quand le bouton de la souris est clickéhttps://image.noelshack.com/fichiers/2017/22/1496529020-akira-kogami-lucky-star-1.png

et aussi c'est du Jquery ma poule

Le 20 mars 2022 à 22:05:42 :
c'est $(".list-lang").toggle(); qui permet d'ouvrir et fermer le menu

Il faudrait rajouter une condition qui permette de savoir quand il est ouvert pour pouvoir appeler la fonction toggle quand le bouton de la souris est clickéhttps://image.noelshack.com/fichiers/2017/22/1496529020-akira-kogami-lucky-star-1.png

Je l'avais compris en bidouillant, d'ailleurs j'arrive à la fermer maintenant en ajoutant ça:https://image.noelshack.com/fichiers/2018/27/4/1530827992-jesusreup.png

$(".btn-select").blur(function(){
$(".list-lang").toggle();
});

Par contre si je clique sur un drapeau de la liste, ça ne me le sélectionne plus...https://image.noelshack.com/fichiers/2016/38/1474723948-tv7.png

Un événement sur le clic général ($(document).on("click") de mémoire) qui vérifie que le dropdown est déjà down et si c'est le cas alors tu appelles la fonction .slideUp() sur ton dropdown.

$(".btn-select").click(function()
{
$(".list-lang").toggle();
$(".btn-select").blur(function()
{
$(".list-lang").toggle();
});
});

J'ai imbriqué le code dans un autre morceau, ça marche... mais ce me rajoute un problème...https://image.noelshack.com/fichiers/2016/38/1474723948-tv7.png

Maintenant ça me change le pays au bout de 2 cliques...https://image.noelshack.com/fichiers/2016/38/1474723948-tv7.png