entre Desarrolladores

Recibe ayuda de expertos

Registrate y pregunta

Es gratis y fácil

Recibe respuestas

Respuestas, votos y comentarios

Vota y selecciona respuestas

Recibe puntos, vota y da la solución

Pregunta

1voto

como puedo hace que mi menu se quite dandole click den la pantalla

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 :)

1 Respuesta

0voto

1raziel1 Puntos2210

podrias poner un click listener en el body

Por favor, accede o regístrate para responder a esta pregunta.

Otras Preguntas y Respuestas


...

Bienvenido a entre Desarrolladores, donde puedes realizar preguntas y recibir respuestas de otros miembros de la comunidad.

Conecta