Question

当我点击其特定图片时，我需要打开，显示和关闭其他span标签。

$("#img1").on('click', function() {
  $("#div1").fadeIn();
  $("#div2,#div3").fadeOut();
});
$("#img2").on('click', function() {
  $("#div2").fadeIn();
  $("#div1,#div3").fadeOut();
});
$("#img3").on('click', function() {
  $("#div3").fadeIn();
  $("#div1,#div2").fadeOut();
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.0.0/jquery.min.js"></script>
<img src="css/imagens/missao2.png" alt="missao" id="img1" />
<img src="css/imagens/missao2.png" alt="missao" id="img2" />
<img src="css/imagens/missao2.png" alt="missao" id="img3" />

<span id="div1" style="display:none;position:absolute;border:3px solid blue;">Span 1</span>
<span id="div2" style="display:none;position:absolute;border:3px solid blue;">Span 2</span>
<span id="div3" style="display:none;position:absolute;border:3px solid blue;">Span 3</span>

Answer 1

正常工作 - 如果你只是包含jQuery（你还没有完成，但有人为你编辑了它）

嗯，关于你的意思仍然是一个悬而未决的问题＆＃34;打开一个span标签＆＃34;，但我假设show。

编辑：

我在评论中看到您的代码位于样式为p的{{1}}内。这不会起作用，因为整个块将被隐藏/不显示，包括内部的任何元素。跳过包装器中的display:none（外部display:none）！

作为替代方案，您可以在单击项目时切换外部<p class="txt_h"></p>的可见性。请参阅下面的代码段。

＆＃13;

$('#showthings').click(function() {
  $('.txt_h').show();
});

$("#img1").on('click', function() {
  $("#div1").fadeIn();
  $("#div2,#div3").fadeOut();
});
$("#img2").on('click', function() {
  $("#div2").fadeIn();
  $("#div1,#div3").fadeOut();
});
$("#img3").on('click', function() {
  $("#div3").fadeIn();
  $("#div1,#div2").fadeOut();
});

＆＃13;

单击图像打开Span标记

1 个答案: