É possível fazer com que se a pessoa clicar fora de uma
div
que contém umas bandeiras ele feche automaticamente, mas se ele clicar dentro dadiv
das bandeiras não aconteça nada?
OBS: Só se clicar fora da div
que ela irá fechar.
$('#global').on("click", function() {
$('#paises').slideToggle(300);
});
#paises{
display:none;
}
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div id="global">Tens bandeiras?</div>
<div id="paises">Tenho, bué da bandeiras, mas é assim, não sei onde meti os icons e então acabei por escrever um texto muito longo a dar conta que não sabia dos icons e nem sei se todos estão a ler isto até ao fim? Tu estás? É pá! Bora lá bater um papo...</div>