我想在单击图像时显示一些文本，并在单击图像或任何其他图像时将其隐藏[关闭]

Question

我想在单击图像时显示一些文字，如果再次单击它或在任何其他图像上将其隐藏，该怎么做？

Example.

Answer 1

您可以简单地将text 保留在img 的底部，并用div 或p 标签包裹它。然后最初将其设为display:none。

虚拟 HTML：

<div class="content">
  <img src="" />
  <p style="display:none;">Your text here</p>
</div>
<div class="content">
  <img src="" />
  <p style="display:none;">Your text here</p>
</div>

然后你的script 将类似于（使用 jQuery）：

$('.content').click(function(){
   $('.content p').fadeOut();
   $(this).find('p').fadeIn();
});

希望这会有所帮助。