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

Question

我使用这个例子作为基础 http://simon.tpdserver2.co.uk/jquery/divgrowdemo.htm, ，我正在尝试修改它，以便 jQuery 插件生成一个 html a-href，允许用户切换展开/折叠（在本例中，它的形式为“+ 显示更多”和“- 显示更少” links)，我可以使用实际 div 本身内的链接。举个例子，每个 div 都有“Michael Jordan”作为标题，我想将其设为可切换展开和折叠的可点击项目。我该怎么做呢？

Answer 1

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

其次，你可以查看这个链接： http://jsfiddle.net/sYwER/5/

我已经按照您想要的方式对其进行了编码。如果您有任何后续问题，请发布任何后续问题。

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

Answer 2

这 该页面使用的插件 将链接项和单击事件处理程序添加到标有“more-block”类的 div 中。您必须修改该插件。您需要将其更改为“链接”标题文本（即在该示例中的相应 div 中找到“h2”元素，并添加“点击”处理程序 - 为了更轻松地设计样式，您可能需要将内容更改为链接或按钮元素）并为新链接添加点击处理程序你已经添加了。

Answer 3

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