Foros del Web - Ver Mensaje Individual

manuparquegiralda · #5 (**permalink**) 14/10/2016, 10:28

Solo un consejo, te ahorrarías muchos dolores de cabeza usando jQuery, para todo este tipo de cosas como hacer click en objetos y demás eventos es mucho más sencillo de hacer, te valdría con algo tan sencillo como esto:

Código HTML:

Ver original<head>
<script type="text/javascript" src="script.js"></script>
</head>
<body>
<nav id="elnav">
<button id="men1" class="btn" type="button">Menú 1 <span class="flecha"></span></button>
</nav>
<div id="submenus">
    <ul id="submenu1" class="lasul">
        <li class="lasli"><a href="#">Submenú 1</a></li>
        <li class="lasli"><a href="#">Submenú 2</a></li>
        <li class="lasli"><a href="#">Submenú 3</a></li>
    </ul>
</div>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.0/jquery.min.js"></script>
</body>

Código Javascript:

Ver original$(document).ready(function() {
    $("#men1").click(function() {
        var submen = $("#submenu1");
 
        if(submen.is(":hidden") {
            submen.slideDown("fast");
        } else {
            submen.slideUp("fast");
        }
    });
});

Con este sencillo código tendrías lo que quieres además con un efecto de persiana al abrir el submenú. No necesitarías ni el onload ni nada de eso y puedes darle efectos de animación para hacerla más dinámica de forma sencilla. Pero bueno es solo una opinión.