Hola a todos hoy tengo un problema lo cual es con el javascritp:>
este script es el que hace muestre el menu en version movil,pero mi pregunta como hacer que al dar click en parte de la pagina se quite?
como ven al dar click en submenu se quita y sale,pero mi problema es como hacer que
se le pueda dar click en cualquier parte envez de class"submenu"
<script type="text/javascript">
$(document).ready(main);
var contador = 1;
function main () {
$('.menu_bar').click(function(){
if (contador == 1) {
$('nav').animate({
left: '1px'
});
contador = 0;
} else {
contador = 1;
$('nav').animate({
left: '-121%'
});
}
});
// Mostramos y ocultamos submenus
$('.submenu').click(function(){
$(this).children('.children').slideToggle();
});
}codigo html(" la puse para que vean como tengo la pagina adaptada al movil")
<!DOCTYPE html>
<html lang="es">
<head>
<meta charset="UTF-8">
<title>CH</title>
<meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
<link rel="stylesheet" href="estilos.css">
<link rel="stylesheet" href="fonts.css">
<script src="http://code.jquery.com/jquery-latest.js"></script>
<script src="main.js"></script>
</head>
<header>
<div class="menu_bar">
<a href="#" class="bt-menu"><span class="icon-list2"></span>texto</a>
</div>
<nav>
<ul>
<li><a href="#"><span class="icon-house"></span>Inicio</a></li>
<li><a href="#"><span class="icon-suitcase"></span>Trabajos</a></li>
<li class="submenu">
<a href="#"><span class="icon-rocket"></span>Proyectos<span class="caret icon-arrow-down6"></span></a>
<ul class="children">
<li><a href="#">SubElemento #1 <span class="icon-dot"></span></a></li>
<li><a href="#">SubElemento #2 <span class="icon-dot"></span></a></li>
<li><a href="#">SubElemento #3 <span class="icon-dot"></span></a></li>
</ul>
</li>
<li><a href="#"><span class="icon-earth"></span>Servicios</a></li>
<li><a href="#"><span class="icon-mail"></span>Contacto</a></li>
</ul>
</nav>
</header>
<div class="articulo">////////////////////////////////////</div>
</body>
</html>ESPERO Y ALGUIEN ME CONTESTE ?
pst: si quieren el css comenten :)
