jquery-plugins - 努力解决这个 jQuery div 折叠/展开问题

Question

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

Answer 1

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

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

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

希望这可以帮助！干杯:)

Answer 2

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

Answer 3

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