javascript - 使用 iframe 解决简单的 jquery 展开/折叠问题？

Question

我有一个包含 3 个 div 的 div，每个 div 包含一个 iframe。 3个内部div的高度为115px，当你点击每个div的“查看更多”时，它们都会折叠起来，然后那个div会向下滑动到200px。

我想当再次点击那个200px高的高度时，它会折叠，并且它们都会滑落回115px，有点像重置它？

我昨晚花了 2 个小时试图弄清楚它，我确定它很简单，但我不确定我做错了什么:/

这是 fiddle http://jsfiddle.net/demchak_alex/zUDBN/1/

Answer 1

解决方案如下:http://jsfiddle.net/zUDBN/5/有两个问题。首先，当您单击已选择的项目时，您需要此代码 $('.partner-wrap').slideDown("slow"); 。第二个是你绑定(bind)错误。当您执行此操作时: $('a.normal').click(...); 会将该函数调用绑定(bind)到页面加载时该选择器返回的对象。页面加载后，选择器是什么就不再重要了。因此，只要单击链接，无论链接是否具有“正常”或“显示”类，该函数都会触发。由于同样的原因，您的第二个选择器无法正常工作:$('a.reviews-trigger.showing').click(...);