2011-07-25 48 views
-3

可能重複:
Modify Jquery functionality for divs需要jQuery的修改現有展開摺疊功能

已經有一個expandAll/collpaseAll所有div代碼。 http://www.adipalaz.com/experiments/jquery/expand.html。如果向下滾動,您將能夠看到文件/代碼。

我最近2天以來想要的是在所有div的底部獲得[ExpandAll/CollpaseAll]的另一個鏈接(現在只有1個鏈接位於所有div的頂部)。

<script type="text/javascript"> 
    $(function() { 
    // --- Using the default options: 
    $("h2.expand").toggler(); 
    // --- Other options: 
    //$("h2.expand").toggler({method: "toggle", speed: 0}); 
    //$("h2.expand").toggler({method: "toggle"}); 
    //$("h2.expand").toggler({speed: "fast"}); 
    //$("h2.expand").toggler({method: "fadeToggle"}); 
    //$("h2.expand").toggler({method: "slideFadeToggle"});  
    $("#content").expandAll({trigger: "h2.expand", ref: "div.demo", localLinks: "p.top  a"}); 
}); 
</script> 
<body>  
<div id="wrapper" class="demo"> 
<h3 class="expand"> Number 1</h3><div class="collapse"> 
<table><tr><td> I am number one</td></tr></table></div> 
<h3 class="expand"> Number 2</h3><div class="collapse"> 
<table><tr><td> I am number two</td></tr></table></div> 
</div></body> 
+0

請不要發佈重複的問題:[http://stackoverflow.com/questions/6871993/modify-jquery-functionality-for-divs](http://stackoverflow.com/questions/6871993 /修改 - jquery的官能換的div) – Sparky

回答

1

如果你看一下在同一地點的其他例子,你會發現下面的頁面,這可能是對你有用:

http://www.adipalaz.com/experiments/jquery/expandAll_alternative_use.html

在位置開關[ExpandAll/CollpaseAll]底部,你如果在這裏發表您的HTML代碼使用的選項

switchPosition:'after'

,也許有人能夠告訴你如何完成你的目標。

使用CSS可以很容易地改變字體的樣式,例如, :

.switch a {font-size:85%}