show-hide - jQuery 切换显示/隐藏 - div 不展开

Question

我有一个小菜单，应该展开该菜单以显示下面的 HTML，目前该菜单是隐藏的。

以下 jQuery:

$('.mobileMenu').click(function(e) {
    $(this).toggleClass('arrowDown').next().slideToggle('slow');
});

这段代码在 this page 上效果很好(点击左栏的“隐藏”功能)

但是，我需要在菜单中使用相同的功能来实现“移动宽度”。

如果您将浏览器大小调整到 320 左右，然后转到 here你会看到菜单只是+菜单(目前有点困惑，但可以工作)。单击它，菜单会展开以显示链接，但它们悬卡在主要内容区域上。

navigation div 中的所有 div 都是 display:block，但它们仍然不会将 main div 向下推。我希望整个绿色 navigation div 随其内容一起扩展。

Answer 1

navigation div 的固定高度为 60px，menuWrapper 的固定高度为 30px。你需要让这个成为亲戚。