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

I want to show some text when i click on an image and hide it if i click on it or on any other images

本文关键字：图像 单击 任何 其他 隐藏 显示 文本      更新时间：2023-09-26

我想在单击图像时显示一些文本，并在再次单击它或任何其他图像时将其隐藏，该怎么办？

例。

您可以

简单地将text放在img的底部，并用div或p标签将其包裹起来。然后最初让它display:none.

虚拟网页：

<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();
});

希望这会有所帮助。

相关文章：