JSで崩壊して拡張 - 少し調整が必要です[閉じ

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遷移. 。さまざまなチュートリアルからコピーされているようです。 StyleSheets、適切なHTMLコードを使用して、最初の不必要で無効なものをドロップしてください <script> ブロック。