estoy intentando hacer que se cierre el menú cuando se hace click en cualquier lado de la ventana, he estado viendo algunos ejemplos que están por aquí, pero no me funcionan
$('.downUp').click(function(e) {
$('.openClose').hide();
if ($(this).hasClass('open')) {
$(this).removeClass('open');
} else {
$(this).next('.openClose').show();
$(this).addClass('open');
}
e.stopPropagation();
});
//Abrimos menú en tablet
$('#imgburger').click(function() {
if (($(window).width() <= 991)) {
$('#smartBMH').slideToggle();
};
});
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<div class="container">
<ul class="ulMenuBarra">
<li class="liMenuBarra">
<a href="#" class="aMenuBarra downUp">SOBRE NOSOTROS</a>
<div class="divSubMenuBarra openClose">
<div class="container">
<ul class="ulSubMenuBarra">
<li class="col-md-2 liSubMenuBarra">
<a href="premios.html" class="aSubMenuBarra">
<img src="./img/header/premios.png " class="imgSubMenuBarra">
<span class="txtSubMenuBarra">PREMIOS</span>
</a>
</li>
<li class="col-md-2 liSubMenuBarra">
<a href="asociaciones.html" class="aSubMenuBarra">
<img src="./img/header/asociaciones.png" class="imgSubMenuBarra">
<span class="txtSubMenuBarra">ASOCIACIONES</span>
</a>
</li>
<li class="col-md-2 liSubMenuBarra">
<a href="aviacion_regional.html" class="aSubMenuBarra">
<img src="./img/header/aviacionRegional.png " class="imgSubMenuBarra">
<span class="txtSubMenuBarra">AVIACIÓN REGIONAL</span>
</a>
</li>
<li class="col-md-2 liSubMenuBarra">
<a href="cifras.html" class="aSubMenuBarra">
<img src="./img/header/cifras.png " class="imgSubMenuBarra">
<span class="txtSubMenuBarra">CIFRAS</span>
</a>
</li>
<li class="col-md-2 liSubMenuBarra">
<a href="nuestra_flota.html" class="aSubMenuBarra">
<img src="./img/header/nuevaFlota.png " class="imgSubMenuBarra">
<span class="txtSubMenuBarra">NUESTRA FLOTA </span>
</a>
</li>
<li class="col-md-2 liSubMenuBarra">
<a href="historia.html" class="aSubMenuBarra">
<img src="./img/header/historia.png " class="imgSubMenuBarra">
<span class="txtSubMenuBarra">HISTORIA</span>
</a>
</li>
</ul>
</div>
</div>
</li>
</ul>
</div>
Si alguien me pudiera ayudar, que se lo agradecería