javascript - 在 jQuery 中，在页面加载时滑动没有动画的元素？

Question

所以，我的页面上有一个 div，我可以使用按钮折叠(使用 jQuery)，并且我希望默认折叠(当页面加载时)。我使用 window.onload 做到了这一点:

window.onload=function(){$("#upgradeInfoCollapse").slideToggle("fast");}

但是，当页面加载时，会执行折叠动画。我希望在没有动画的情况下折叠(我希望在页面加载时折叠)。

我尝试使用。 Slide 而不是 .slideToggle ，但这似乎不起作用。

我怎样才能实现这个目标？

谢谢。

HTML:

<div id="upgradeInfoCollapse" class="collapsed">
<h3>Upgrade 1</h3>
<p>Cost : $3.5k<br>Capacity Upgrade : 5000</p>
<h3>Upgrade 2</h3>
<p>Cost : $5k<br>Capacity Upgrade : 7000</p>
<p style="color:red; font-weight:bold; font-size:105%">You cannot sell upgrades!</p>
</div>

Answer 1

您可以将 collapsed 类添加到您的 div 中。这样，它就已经以折叠状态开始，无需使用 JQuery。

CSS:

.collapsed {
    display: none;
}

之后，您可以使用以下命令切换 div:

$("#upgradeInfoCollapse").toggle()