Jquery 单击用户时如何显示上下文类型菜单'；s照片，带有多用户照片'；每页多少钱？

我需要帮助，我需要做一个菜单，只有当你点击一个图像时才会显示，我需要把菜单直接放在图像div的右边。那么，有人能看一下提供的链接并帮助我将menu div定位在photo div旁边吗

然后可能会显示一个示例，说明单击时显示/隐藏菜单div的最佳方法，以及在菜单区域之外单击时如何隐藏它。最好的方法是为每个用户创建菜单，如果一个页面上有20个用户，我应该创建20个隐藏菜单吗？感谢任何帮助我知道这个问题似乎我只是懒惰，但我真的不知道如何定位div的方式，我需要它，至于显示/隐藏它，我不知道最好的方法，当它需要在一页上有许多菜单

---

您必须应用css

float: left;

添加到图像以及菜单，以定位与Photoshop图像类似的元素

我认为最简单的选择是在每个图像旁边创建一个菜单。 您必须使用隐藏菜单

display: none

可以使用jQuery的toggle（）函数切换可见性，如下所示：

$("image1").click(function() { 
    $('#menu1').toggle(); 
}); 

---

我将添加另一个答案，因为所有这些信息都不适合评论

由于浮动：left；应用于包装图像和菜单的元素。它们需要单独应用float（我认为如果您将它应用于ImageSub而不是Photowrap，它会起作用）

如果您希望在单击屏幕上的任何位置时关闭菜单，则需要退出大量工作。您还必须切换延伸至页面全宽和全高的不可见/透明覆盖。在此之上，将放置菜单。使用覆盖上的另一个onclick事件观察器，菜单和覆盖都将切换。这种技术也用于灯箱

可以使用以下CSS创建覆盖：

position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;

---

更有效的切换方法是使用JQuery“^”选择器。关于这个主题，这里有一个很好的教程：

我使用了你的建议，这里是结果，它没有准确定位我之前想要的位置，而是定位在div下面，但我也喜欢这个外观。。我现在唯一的问题是我不认为toggle是答案，我的意思是我想保持toggle，但如果我点击屏幕上的任何地方，我也会让它关闭，你知道怎么做吗？我还需要让jquery更加动态，如果一个页面上有20个用户，那么jquery部分将不会非常有效，因为每个照片和菜单都有一个唯一的ID，比如用户ID“menu\u USERIDHERE”和“photo\u USERIDHERE”