如何限制“点击”区域？答案

【问题标题】：How do i limit the 'click' area?如何限制“点击”区域？
【发布时间】：2013-02-12 21:22:30
【问题描述】：

我有一个像手风琴一样的结构。我有“工作” div，我确实在里面隐藏了一些图片，我希望它们作为画廊工作。

因此，当我单击“工作”div 时，该 div 会产生动画，并且它的高度会扩大并出现画廊。

但无论我在哪里单击它都会再次关闭“工作”div。所以我想要做的是，我限制这个点击区域并阻止关闭“工作”，以便用户可以浏览图像。

我希望我说清楚了。

这是图片网址，如您所见，下面的图片作品是开放式作品，但是当我点击图片时，它会自行关闭。我将 'gallery' div 的 z-index 设置为 9999，但点击仍然是由 'work' 调用的

提前致谢，干杯，遇见。

【问题讨论】：

【解决方案1】：

在你的工作 div 中创建一个div.title 并将点击事件绑定到.title。将图库附在div.gallery 中并默认隐藏。

【讨论】：

感谢您的演示，它确实有效。但是因为我在“作品”的底部有一个 1 像素的边框，所以它也应该与画廊一起向下移动是至关重要的。如果我将该边框应用于画廊，不幸的是它在不“打开”时被隐藏了