单击图像时显示DIV叠加？

Question

我正试图解决如何在点击图像时显示隐藏的DIV作为覆盖图。

我发现这个例子：FIDDLE

其中显示一个红色的方形，当你点击它显示了DIV。再次点击DIV消失。

我想做同样的事情，但点击绑定到一个图像，并有点击时图像左侧 - >右侧的图像。

任何任何想法，我可以做到这一点？

谢谢

Answer 1

你在找这样的吗？我用一个img标签替换了红色格子，同时保留了相同的ID，所以脚本仍然可以引用并单击执行操作。所以如果你点击图片，jQuery仍然会显示/隐藏覆盖图？

http://jsfiddle.net/wacrmfqu/1/

我换成了红色框格有：

<img id="clickme" src="http://travel.usnews.com/images/destinations/94/yosemite_mirror_lake_getty_michael_h_spiva.jpg"> 

，并改变了CSS的#clickme到：

#clickme { 
    position: absolute; 
    top: 0; 
    right: -100px; 
    height: 100px; 
    width: 100px; 
    cursor: pointer; 
}