jQuery切换显示/隐藏 - div不扩展

Question

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

关注jQuery：

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

这段代码在this page上效果很好（点击左边的＃＆＃34;隐藏＆＃34;功能）

但是我需要在我的菜单中使用相同的功能，用于＆＃34;移动宽度＆＃34;。

如果您将浏览器的大小调整为320左右，然后转到here，您会看到菜单只是+菜单（有点笨拙而且工作正常）。点击它，菜单会展开以显示链接，但它们悬挂在main内容区域上。

navigation div中的所有div都是display:block，但他们仍然没有推动main div。我希望整个绿色navigation div能够扩展它的内容。

Answer 1

navigation的{​​{1}} div和60px的{​​{1}}处有固定的高度。你需要做这个亲戚。

Answer 2

从

更改你的CSS

#rightCol {
width: 72.5%;
float:right;
}

#leftCol
{
width: 25%;
float:left;
}

到

#rightCol {
width: 72.5%;
display:inline-block;
}

#leftCol
{
width: 25%;
display:inline-block;
}

它应该有用。我在chrome上测试了这个