在jQuery中默认折叠slideToggle()元素
在jQuery中默认折叠slideToggle()元素
提问于 2008-12-01 23:25:57
我有一组div，我想用jQuery的slideToggle()方法生成collapsible/expandable。如何让所有这些div都默认折叠？我希望避免在页面呈现期间/之后显式地调用每个元素上的slideToggle()。
回答 4
Stack Overflow用户
回答已采纳
发布于 2008-12-01 23:30:46
您必须为这些层分配一个style: 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>Stack Overflow用户
发布于 2008-12-03 02:27:39
您可以以style="display: none;“作为元素的开头，然后slideToggle()将从那里获取它。
Stack Overflow用户
发布于 2008-12-01 23:29:26
您可能可以这样做：
$(document).ready(function(){
$('div').hide();
});页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/332592
复制相关文章
相似问题
腾讯云开发者
