Display:table 和 jquery 切换

Display:table and jquery toggle

我正在尝试使用 jquery 开关和 css display:table 实现某种下拉菜单。 问题是列只适合可见元素(这确实有意义......),但一旦用户切换隐藏元素,结果真的很糟糕。

由于我的英语不是很好,请查看下面的fiddle,您会明白我的意思...

提前致谢 文森特

Fiddle : https://jsfiddle.net/vinny38/L5shouao/17/

我能够通过在 li 元素上设置固定宽度来使列停止调整大小。看这里:https://jsfiddle.net/u8n4n49f/1/

我不知道我是否完全理解了这个问题,但是,如果您可能想要调整 H2 标签的大小以适应内容。你可以让它在 documentReady 中添加这一行:

$('#downloads h2').width($('div.links').width());