单击按钮后，而不是直接在下面显示href内容

Question

是否有一种简单的方法可以通过单击按钮直接在下方显示内容？现在我正在<a href>上进行：

<tr><td><a href="##" onClick="MyWindow=window.open('http://test.cfm', '_blank','width=900,height=880, toolbar=no,location=no,directories=no,statu s=no,menubar=no,scrollbars=yes,copyhistory=no,resizable=no'); return false;">TEST1</a></tr><td>

另见附件。

感谢您的帮助，提示和技巧

Answer 1

如果目标网站允许，您可以使用iframe（无需Javascript）或AJAX。

<p>
  <a href="https://example.com" target="the_frame">Click me!</a>
</p>

<iframe name="the_frame"></iframe>

Answer 2

你可以使用css来实现这一目标。有关解决方案，请参阅codepen。

这个带有类行的div是我们想要显示的那个，并在点击按钮时隐藏。

<button id="toggleSlider">Toggle Slider</button>
<div class="row">
  <div>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Enim minus repellat amet nobis hic dolores blanditiis inventore quo ex quaerat omnis accusantium adipisci velit laborum facilis culpa nemo ab placeat!Lorem ipsum dolor sit amet, consectetur adipisicing elit.</div>
</div>

点击按钮，我们添加一个类来切换隐藏div的类.slide-up

.slide-up {
  height:0px;
  padding: 0px;
  border: 0px none;
}

根据提出的问题here:

编辑了代码