javascript - 隐藏预设状态时下拉菜单砌体（JS）不起作用

我希望有人在这里为我提供解决方案:-) 我想要实现的是带有砖石布局的菜单下拉菜单。我找到了一个很棒的脚本，它运行得非常好！但是..当我正手隐藏下拉容器时它不起作用。我想这与隐藏容器时无法计算值的脚本有关。

请检查此小提琴以使其更清楚：

只需在这两行之间切换：

<div class="p-4" id="main-menu">
<div class="p-4 hidden" id="main-menu">

你会看到出了什么问题......

这是容器在正手上可见的情况的屏幕截图：

当它被隐藏时：

我真的希望有人可以为我提供一个解决方法，因为我的头脑几乎要爆炸了:-D LoL！

非常感谢您提前与我一起思考！

标签： javascripthtmljquerycss

通过main-menu在库初始化期间将可见性设置为隐藏，它似乎可以工作。

注意我添加到 position: absolute 以防万一，因为visibility: hidden 不会改变布局