努力解决这个 jQuery div 折叠/展开问题答案

【问题标题】：Struggling to solve this jQuery div collapse/expand problem努力解决这个 jQuery div 折叠/展开问题
【发布时间】：2010-07-05 03:10:08
【问题描述】：

我使用这个例子作为基础http://simon.tpdserver2.co.uk/jquery/divgrowdemo.htm，我正在尝试修改它，以便 jQuery 插件生成一个允许用户切换展开/折叠的 html a-href（在这种情况下它是以“+ Show More”和“- Show Less”链接的形式），我可以使用实际 div 本身内的链接。例如，每个 div 都有“Michael Jordan”作为标题，我想让它成为切换展开和折叠的可点击项。我该怎么做呢？

【问题讨论】：

标签： jquery-plugins jquery jquery-effects

【解决方案1】：

首先，请提高您的接受率。太低了。

其次，您可以查看此链接：http://jsfiddle.net/sYwER/5/

我已将其编码为您想要的方式。如果您有任何后续问题，请发布任何后续问题。

希望这会有所帮助！干杯:)

【讨论】：

非常感谢！看你的代码比看插件更清楚。
我通过 jquery.com 上的代码审查评论对您的代码进行了几处更改一次性解决了速度选项问题和此问题。告诉我。
@Gabriel。我不明白你的意思。您说的是什么速度选项问题？
抱歉，我把你当成了插件的作者。我在 jQuery.com 上为这个插件提交了代码更改以供审查。不错的解决方案顺便说一句

【解决方案2】：

plugin used on that page 将链接项和单击事件处理程序添加到标有“更多块”类的 div。您将不得不修改插件。您需要将其更改为“链接”标题文本（即在该示例中的相应 div 中找到“h2”元素，并添加“点击”处理程序 - 以便更轻松地设置您可能想要更改内容的样式到链接或按钮元素）并为您添加的新链接添加点击处理程序。

【讨论】：

谢谢，我想我要问的是你如何做你所描述的？如何将标头与某个类或 id 进行“链接”？我什至不知道从哪里开始。

【解决方案3】：

您将不得不修改代码，以便在标题周围添加新标签，而不是插入新标签。因为这是其他人的脚本，它不是为您想要做的。我建议只是重新创建你自己的东西并将其缩小到基础。首先将高度更改为某个固定高度并在末尾添加 ...。然后在标题中添加一个 onclick 事件，删除固定高度和 ... 然后找到一些关于做滑动效果的教程。

【讨论】：

我不是在寻找它的“...”部分，只是在寻找崩溃。我希望有人可以解释如何在此处添加链接，这就是我的问题的中心。