Javascript expandme 图片点击答案

【问题标题】：Javascript expandme image clickJavascript expandme 图片点击
【发布时间】：2013-01-22 03:43:31
【问题描述】：

每次单击底部灰色区域时，背景图像会展开为全，再次单击灰色区域时，它会折叠到图像的顶部。

这就是我想要实现的目标：

我想保持向上和向下箭头功能不变，并让点击发生在图像本身上，以便人们使用。

1) 当它位于图像的顶部时，向下箭头仍应显示在底部，因此您可以单击图像本身或向下箭头展开。

2) 展开为全图后，向上箭头应显示在底部。因此，您可以单击图像或向上箭头将其折叠到顶部图像。

我已经尝试了一段时间，但没有成功。有人能指出我正确的方向吗？

谢谢你， S:)

【问题讨论】：

你到底尝试过什么？
我试图让灰色区域覆盖整个图像，但向上和向下箭头会同时显示。然后我尝试将箭头区域限制为仅显示向上或向下箭头。我一直在更改 css，但不确定它是否正确。因此，在我又花了半天时间之前，我在这里询问一些建议。有什么建议么？谢谢。
我也尝试在javascipt中为图像添加相同的功能，但没有成功，所以我希望有人能在我继续盲目尝试之前将我引导到正确的方向。

【解决方案1】：

编辑：我想我第一次弄错了..

编辑：请点击下面的链接。

我已经更新了插件，现在它允许多个控制器但是现在您必须将数组作为参数传递，请查看文档

【讨论】：

感谢您的回复。我为图像添加了一个类，我必须将其设为 a 标签吗？我在 js 中将 imageclass 添加到 $('.expandme , .imageclass').expandme({ 和 expandToggleClass: 'expand-toggle' ，但是函数停止了，它不再扩展图像。你能给我更多细节吗请问如何用你的建议来定位它？谢谢。
感谢您回复我，不幸的是它没有工作。当我向图像和 .imageclass 添加 a 标签时，整个切换停止工作，当我只向图像添加 .imageclass 时，页面上的功能与以前相同。我还有其他地方需要改变吗？还是其他解决方案？谢谢。
我确实试过了，我会尝试分叉插件来添加功能，但我发布的解决方案有效，但扩展时容器的大小会加倍！
只把图片的类别放在座位上
我不能让你的代码工作很奇怪。您能否将您的代码添加到jsfiddle.net，以便我查看您更改的内容。如果您想更改它，我已经在jsfiddle.net/DREaH 发布了原始版本。感谢您的帮助！

【解决方案2】：

我认为您可以将这个 expandToggleClass 更改为“exmandme”：

// 类添加到扩展元素 expandToggleClass: 'expand-toggle', // 触发锚元素的类

【讨论】：