在同一页面中显示/隐藏Javascript切换问题。多个隐藏文本同时出现。没有 JQuery

Question

这个脚本效果很好。 但我想在同一页面的相同多个表格中显示和隐藏具有不同展开/隐藏链接的不同文本。如果没有 JQuery，则首选这个简单的脚本。 感谢您的时间和兴趣。

Answer 1

如果您想使用不同的链接在多个表格中切换不同的隐藏文本，这里有一个示例：

function toggleText(textId) {
      var hiddenText = document.getElementById(textId);

      if (hiddenText.style.display === 'none' || hiddenText.style.display === '') {
        hiddenText.style.display = 'block';
      } else {
        hiddenText.style.display = 'none';
      }
    }

.hidden-text {
      display: none;
    }

   <table>
    <tr>
      <td>
        <a href="#" onclick="toggleText('text1')">Toggle Text 1</a>
        <div id="text1" class="hidden-text">
          <p>This is the hidden text for Text 1.</p>
        </div>
      </td>
    </tr>
    <!-- Add more tables as needed -->
  </table>

  <table>
    <tr>
      <td>
        <a href="#" onclick="toggleText('text2')">Toggle Text 2</a>
        <div id="text2" class="hidden-text">
          <p>This is the hidden text for Text 2.</p>
        </div>
      </td>
    </tr>
    <!-- Add more tables as needed -->
  </table>