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()

Answer 2

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

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

try it

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

2 个答案: