jQuery切换显示/隐藏 - div不扩展-Java 学习之路

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

关注jQuery：

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

这段代码在this page上运行得很好（单击左侧列的"hide"功能）

但是我需要在菜单中使用与“移动宽度”相同的功能 .

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

navigation div中的所有div都是 display:block 但它们仍然不会将 main div推下来 . 我希望整个绿色 navigation div随着它的内容而扩展 .

2 回答

0

60px 的 navigation div和 30px 的 menuWrapper 具有固定高度 . 你需要做这个亲戚 .

回复于 2024-04-30T00:16:55+08:00

改变你的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上测试了这个

回复于 2024-04-30T00:16:55+08:00