2012-02-20 15 views
-1

第一次加載第一個頁面時仍然存在問題,我需要每個頁面都保持摺疊狀態。誰能幫我?用JS摺疊和展開 - 需要一點調整

這裏是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> 
+0

老兄,不需要大膽的整個問題的身體。我們不是盲目的,你的問題並不比其他問題更重要。同時在這裏顯示你的代碼,以便我們可以看到它,不要只發布你嘗試過的東西的鏈接。理想情況下提供一個http://jsfiddle.net來說明你的代碼,問題和問題。 – 2012-02-20 21:53:22

+0

請在這裏發佈你的代碼。 – 2012-02-20 21:54:07

+0

對不起,下次我問任何問題時,我會把所有這些東西留在腦海裏。感謝您指導我。 – Asif 2012-02-20 23:04:46

回答

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>塊。

+0

@ [Zeta](http://stackoverflow.com/users/1139697/zeta)我明白你寫了什麼,我真的很脆弱的JS ...... :( 剛開始學習它。問題... – Asif 2012-02-20 22:54:12

+0

@Asif:沒問題嘗試創建一個基本的HTML頁面(也許使用HTML5),然後使用CSS進行樣式設置,然後添加基本的交互元素,如彈出窗口和計時器如果您對HTML/CSS/JS嘗試使用一個很酷的效果框架,但是首先要學習語言,然後*嘗試完成某些事情,有些東西可以在飛行中學習,但是你需要一個很好的基礎。 – Zeta 2012-02-20 23:03:15

+0

好吧...再次感謝... – Asif 2012-02-20 23:10:59