所以,我的页面上有一个 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>
最佳答案
您可以将 collapsed
类添加到您的 div 中。这样,它就已经以折叠状态开始,无需使用 JQuery。
CSS:
.collapsed {
display: none;
}
之后,您可以使用以下命令切换 div:
$("#upgradeInfoCollapse").toggle()
关于javascript - 在 jQuery 中,在页面加载时滑动没有动画的元素?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/31684510/