苦苦挣扎解决这个jQuery div崩溃/扩展问题

Question

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

Answer 1

首先，请提高您的录取率。它太低了。

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

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

希望这有帮助！干杯：）

Answer 2

plugin used on that page将链接项和click事件处理程序添加到标有“more-block”类的div。你必须修改插件。您需要将其更改为“链接”标题文本（即在相应的div中找到'h2'元素，在该exmaple中添加'click'处理器 - 以便更容易设置您可能想要更改内容的样式到链接或按钮元素）并为您添加的新链接添加点击处理程序。

Answer 3

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