现有展开折叠功能所需的 Jquery 修改[重复]答案

【问题标题】：Jquery modification needed for an existing expand collapse functionality [duplicate]现有展开折叠功能所需的 Jquery 修改[重复]
【发布时间】：2011-07-25 11:03:37
【问题描述】：

可能重复：
Modify Jquery functionality for divs

expandAll /collpaseAll all divs 已经有一个代码。 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>

【问题讨论】：

请不要发布重复的问题：http://stackoverflow.com/questions/6871993/modify-jquery-functionality-for-divs

标签： javascript jquery html jquery-ui jquery-plugins

【解决方案1】：

如果您查看同一站点上的其他示例，您会发现以下页面，这可能对您有用：

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

要将开关[ExpandAll/CollpaseAll] 置于底部，您必须使用选项

switchPosition:'after'

如果您在此处发布您的 HTML 代码，也许有人能够准确地向您展示如何实现您的目标。

字体的样式可以通过 CSS 轻松更改，例如：

.switch a {font-size:85%}

【讨论】：