在显示内容前预加载 jQuery slideDown 动画

Preload jQuery slideDown animation before displaying content

我有一个导航菜单,它使用 jQuery slideUpslideDown 来显示或隐藏子菜单。

我的页面保存了菜单的状态以及用户浏览不同页面时展开的子菜单。我的问题是当页面加载时它也加载了整个 slideDown 动画,菜单开始完全折叠并且相关的子菜单展开

我不想要这个,因为它会分散注意力。如果加载已保存的菜单状态,我希望菜单项出现时 slideDown 转换已经完成。有没有办法预加载这个?

在恢复状态的场景下,只需将动画持续时间设置为零即可。