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

因此，我的页面上有一个div，我可以使用按钮折叠（使用jQuery），我希望默认情况下折叠（当页面加载时）。我使用window.onload完成了此操作：

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

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

我试着使用

。滑动

而不是

。滑动切换

，但这似乎不起作用

我怎样才能做到这一点

谢谢

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>

升级1
成本：$3.5k
容量升级：5000

升级2
成本：$5k
容量升级：7000

您可以将

折叠的

类添加到您的div中。这样，它就可以在不使用JQuery的情况下以折叠的形式启动

CSS:

之后，您可以使用以下选项切换div：

$("#upgradeInfoCollapse").toggle()

---

您可以将

折叠的

类添加到您的div中。这样，它就可以在不使用JQuery的情况下以折叠的形式启动

CSS:

之后，您可以使用以下选项切换div：

$("#upgradeInfoCollapse").toggle()

---

您可以将

折叠的

类添加到您的div中。这样，它就可以在不使用JQuery的情况下以折叠的形式启动

CSS:

之后，您可以使用以下选项切换div：

$("#upgradeInfoCollapse").toggle()

---

您可以将

折叠的

类添加到您的div中。这样，它就可以在不使用JQuery的情况下以折叠的形式启动

CSS:

之后，您可以使用以下选项切换div：

$("#upgradeInfoCollapse").toggle()

---

可以使用带有“display:none”代码的CSS在折叠位置启动div。然后，使用togglejavascript方法在单击时展开div

下面是我发现的一个例子：

---

您可以使用带有“display:none”代码的CSS在折叠位置启动div。然后，使用togglejavascript方法在单击时展开div

下面是我发现的一个例子：

---

您可以使用带有“display:none”代码的CSS在折叠位置启动div。然后，使用togglejavascript方法在单击时展开div

下面是我发现的一个例子：

---

您可以使用带有“display:none”代码的CSS在折叠位置启动div。然后，使用togglejavascript方法在单击时展开div

下面是我发现的一个例子：

---

---

谢谢，但是将类添加到div中没有帮助。以下是该分区的HTML：升级1成本：$3.5k
容量升级：5000升级2成本：$5k
容量升级：7000

我想我没看到你的CSS代码吧？还是你后来加的？不管怎样，它现在起作用了。谢谢谢谢，但是将类添加到div没有帮助。以下是该分区的HTML：升级1成本：$3.5k
容量升级：5000升级2成本：$5k
容量升级：7000

我想我没看到你的CSS代码吧？还是你后来加的？不管怎样，它现在起作用了。谢谢谢谢，但是将类添加到div没有帮助。以下是该分区的HTML：升级1成本：$3.5k
容量升级：5000升级2成本：$5k
容量升级：7000

我想我没看到你的CSS代码吧？还是你后来加的？不管怎样，它现在起作用了。谢谢谢谢，但是将类添加到div没有帮助。以下是该分区的HTML：升级1成本：$3.5k
容量升级：5000升级2成本：$5k
容量升级：7000

我想我没看到你的CSS代码吧？还是你后来加的？不管怎样，它现在起作用了。谢谢谢谢我不知道可以将div显示为none，因为我认为必须显示它才能在以后再次显示/折叠它。谢谢嗨@td。。。因此，一个好的答案应该是自足的；也就是说，如果你的“尝试”链接中断，答案仍然有意义。在答案中加入一点自己的示例代码会有所帮助。指向您控制的某个（或类似）站点的链接比指向第三方的链接更好，后者可以重新排列页面并断开您的链接。你甚至可以在回答中直接给出自己的可运行的例子。打得好，@StephenP。我以后一定会补充这一点。下面我从BravoZulu得到的答案包含了我应该展示的代码片段。谢谢谢谢我不知道可以将div显示为none，因为我认为必须显示它才能在以后再次显示/折叠它。谢谢嗨@td。。。因此，一个好的答案应该是自足的；也就是说，如果你的“尝试”链接中断，答案仍然有意义。在答案中加入一点自己的示例代码会有所帮助。指向您控制的某个（或类似）站点的链接比指向第三方的链接更好，后者可以重新排列页面并断开您的链接。你甚至可以在回答中直接给出自己的可运行的例子。打得好，@StephenP。我以后一定会补充这一点。下面我从BravoZulu得到的答案包含了我应该展示的代码片段。谢谢谢谢我不知道可以将div显示为none，因为我认为必须显示它才能在以后再次显示/折叠它。谢谢嗨@td。。。因此，一个好的答案应该是自足的；也就是说，如果你的“尝试”链接中断，答案仍然有意义。在答案中加入一点自己的示例代码会有所帮助。指向您控制的某个（或类似）站点的链接比指向第三方的链接更好，后者可以重新排列页面并断开您的链接。你甚至可以在回答中直接给出自己的可运行的例子。打得好，@StephenP。我以后一定会补充这一点。答案如下