Question

当页面第一次加载第一个页面仍然展开时出现问题，我需要每个页面都保持折叠状态。任何人都可以帮助我吗？

这是JavaScript：

animatedcollapse.addDiv('a', 'fade=500,speed=500,group=pets,hide=1')
animatedcollapse.addDiv('b', 'fade=500,speed=500,group=pets,hide=1')
animatedcollapse.addDiv('c', 'fade=500,speed=500,group=pets,hide=1')
animatedcollapse.addDiv('d', 'fade=500,speed=500,group=pets,hide=1')

animatedcollapse.ontoggle=function($, divobj, state){}

animatedcollapse.init()

这是 HTML：

<a href="#" style="position:absolute;left:2px;top:110px;" rel="toggle[a]" data-openimage="collapse.jpg" data-closedimage="expand.jpg"><img src="collapse.jpg" border="0" /></a>    
<div id="a"><!-- ... --></div>
</div>  

<a href="#" style="position:absolute;left:106px;top:110px;" rel="toggle[b]" data-openimage="collapse.jpg" data-closedimage="expand.jpg"><img src="collapse.jpg" border="0" /></a>    
<div id="b"><!-- ... --></div>

<a href="#" style="position:absolute;left:210px;top:110px;" rel="toggle[c]" data-openimage="collapse.jpg" data-closedimage="expand.jpg"><img src="collapse.jpg" border="0" /></a>    
<div id="c"><!-- ... --></div>


<a href="#" style="position:absolute;left:314px;top:110px;" rel="toggle[d]" data-openimage="collapse.jpg" data-closedimage="expand.jpg"><img src="collapse.jpg" border="0" /></a>    
<div id="d"><!-- ... --></div>
</div>
</div>

Answer 1

请勿使用persistent选项：

/* drop persistent=1, add hide = 1 */
animatedcollapse.addDiv('a', 'fade=500,speed=500,group=pets,hide=1'); 
animatedcollapse.addDiv('b', 'fade=500,speed=500,group=pets,hide=1');
animatedcollapse.addDiv('c', 'fade=500,speed=500,group=pets,hide=1');
animatedcollapse.addDiv('d', 'fade=500,speed=500,group=pets,hide=1');

但是，您的网站无效 XHTML 1.0 Transitional 。它似乎是从各种教程中复制粘贴的。请使用样式表，正确的HTML代码并删除第一个不必要且无效的<script>块。

使用JS折叠和扩展 - 需要一些调整

1 个答案: