我有一组 div，我想使用 jQuery 的 slideToggle() 方法使其可折叠/可展开。如何让所有这些 div 默认折叠起来？我希望避免在页面渲染期间/之后对每个元素显式调用 slideToggle()。
最佳答案
您必须为这些图层指定样式:display:none，以便它们在 javascript 渲染之前不会显示。然后你就可以毫无问题地调用slideToggle()了。示例:
<style type="text/css">
.text{display:none}
</style>
<script type="text/javascript">
$(document).ready(function() {
$('span.more').click(function() {
$('p:eq(0)').slideToggle();
$(this).hide();
});
});
</script>
<body>
<p class="text">
I am using jquery <br/>
I am using jquery <br/>
I am using jquery <br/>
I am using jquery <br/>
I am using jquery <br/>
I am using jquery <br/>
</p>
<span class="more">show</span>
关于jquery - 在 jQuery 中默认折叠 SlideToggle() 元素，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/332592/