Question

可能重复：
Modify Jquery functionality for divs

已经有一个代码用于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>

Answer 1

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

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

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

switchPosition:'after'

如果您在此处发布HTML代码，也许有人可以向您展示如何实现目标。

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

.switch a {font-size:85%}

现有展开折叠功能需要进行Jquery修改

1 个答案: