Question

能够隐藏其余部分并在点击约和尺寸时显示，但我希望在网页打开时首先显示图像。在我的代码中，图像仅在我单击时打开。这是我的代码：

<div class="col- menu">
        <ul>
          <li><a href="#" onclick="toggleStuff('pic1'); return false;">Picture</a></li>
          <li><a href="#" onclick="toggleStuff('description'); return false;">About</a></li>
          <li><a href="#" onclick="toggleStuff('size'); return false;">Size</a></li>
        </ul>
      </div>

      <div class="content">
        <p><span id="pic1" style="display: none;"><img src="1.jpg"></span></p>
        <p><span id="description" style="display: none;">Cool!</span></p>
        <p><span id="size" style="display: none;"><img src="2.jpg"></span></p>
      </div>


<script type="text/javascript">
function toggleStuff(id) {
  if (document.getElementById(id).style.display == 'block') {
    document.getElementById(id).style.display = 'none';
  } else {
    document.getElementById(id).style.display = 'block';
  }
}
</script>

Answer 1

删除 style =“display：none”;

<p><span id="pic1"><img src="1.jpg"></span></p>

如何只显示图像，但其余的首先隐藏并显示？

1 个答案: