Foros del Web - Ver Mensaje Individual

fede5426 · #6 (**permalink**) 23/03/2015, 10:28

Mira, te dejo un ejemplo de como deberia quedar tu menu para que empuje el contenido hacia abajo.

Código HTML:

Ver original<body>
  <nav>
    <ul class="nav_list">
      <li><a href="#">Menu 1</a></li>
      
      <li id="menu2">
        <a href="#">Menu 2</a>
        <ul class="submenu2">
          <li><a href="#">Submenu A</a></li>
          <li><a href="#">Submenu B</a></li>
          <li><a href="#">Submenu C</a></li>
        </ul>
      </li>
      
      <li id="menu3"><a href="#">Menu 3</a>
        <ul class="submenu3">
          <li><a href="#">Submenu A</a></li>
          <li><a href="#">Submenu B</a></li>
          <li><a href="#">Submenu C</a></li>
        </ul>
      </li>
      
      <li><a href="#">Menu 4</a></li>
      
      <li><a href="#">Menu 5</a></li>
    </ul>   
      </nav>
</body>

Código Javascript:

Ver original$(document).ready(function(){
$(".submenu2").hide();
$(".submenu3").hide();
    
    $(".nav_list #menu2").click(
        function(){
            $(".submenu2").stop(true).slideToggle(200);
        });
        
    $(".nav_list #menu3").click(
        function(){
            $(".submenu3").stop(true).slideToggle(200);
    
        });
        
});

Acá esta el ejemplo:

http://codepen.io/anon/pen/RNvNVN

Saludos!