我有一套使用jQuery的slideToggle()方法进行折叠/展开的div。我如何使所有这些div默认折叠?我想避免在页面呈现期间/之后显式调用每个元素上的slideToggle()。在jQuery中默认折叠slideToggle()元素
28
A
回答
47
您必须指定样式:显示:没有这些层,使它们不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>
12
你也许可以做这样的事情:
$(document).ready(function(){
$('div').hide();
});
+1
这个版本的好处是,如果jquery消失了,你默认都会显示。 – gaijintendo 2015-01-24 21:23:27
10
您可以使用style =“display:none;”开始您的元素和slideToggle()将从那里采取。
3
如前所述,在幕后应用CSS样式会导致禁用脚本的用户复杂化。解决这个问题的方法是按照Anne的说法隐藏元素,或者将脚本中的CSS定义为要更改的函数,而不是将页面样式化(将结构,样式和函数分开),然后使用toggleClass脚本函数或自定义效果隐藏由jQuery定义的函数。
相关问题
- 1. JQuery slideToggle,折叠子元素
- 2. 折叠工具栏默认折叠
- 3. jquery可折叠的默认设置
- 4. 如何折叠(折叠)Doxygen默认在vim中注释?
- 5. 在dita中默认折叠书签1.8.4
- 6. Twitter引导:可折叠元素中的可折叠元素
- 7. 使用隐藏/折叠元素时的默认WPF HitTest行为
- 8. 折叠子元素
- 9. Bootstrap中的折叠元素
- 10. jquery-mobile格式化可折叠元素
- 11. Jquery加载默认元素
- 12. 标题展开/折叠jquery工作,但默认扩展,我需要它默认折叠
- 13. CSS浮动元素折叠父元素
- 14. jquery accordion在页面加载时默认为折叠状态
- 15. 将元素折叠为值
- 16. 展开/折叠div元素?
- 17. 制作菜单折叠默认
- 18. 如何设置jqGrid默认折叠
- 19. 设置手风琴默认为折叠
- 20. 折叠“使用”部分默认
- 21. 如何让我的div默认折叠?
- 22. 同位折叠(元素重叠)
- 23. onclick jquery slidetoggle默认状态从cookie
- 24. 在JQuery Mobile中改变可折叠元素的样式
- 25. 如何切换/折叠的JavaScript元素(我要崩溃了默认的HTML)
- 26. 如何折叠嵌套可折叠集中的所有嵌套可折叠集和可折叠元素?
- 27. 如何折叠报表中的元素?
- 28. 未在折叠下呈现的元素
- 29. .slideToggle()只有折叠的物品
- 30. jquery滑动菜单,默认折叠所有菜单
这对于禁用Javascript但启用了CSS的用户会造成问题。他们将无法看到您的内容! – strager 2008-12-01 23:39:52