单击图像时显示DIV叠加？

Question

我试图找出如何在点击图片时将隐藏的DIV显示为叠加层。

我找到了这个例子：FIDDLE

显示红色方块，当您点击它时会显示DIV。再次点击它，DIV消失。

我想做同样的事情，但点击绑定到图片并让叠加层向左滑出 - ＆gt;单击图像时从图像开始。

任何想法我怎么能这样做？

由于

Answer 1

你正在寻找这样的东西吗？我使用img标签替换了红色框div，同时保留了相同的ID，因此脚本仍然可以引用并执行单击操作。因此，如果单击图像，jquery仍会显示/隐藏叠加层？

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

我将红色框div替换为：

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

并将#clickme的css更改为：

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