javascript - 如何切换链接(不是按钮)以显示和隐藏文本

Question

我有一个由 anchor 标记限定的文本。一旦用户单击它，它就会在两个文本之间切换。

我知道如何在 JQuery 中切换按钮，但不知道如何使用链接实现它。

<h1>Questions and Answers</h1>
<p>First Question: What is the capital of Germany?
    <br>
    <i>Click <b><a id="toggle_this"></a>Here</a></b> to show/hide answer!</i>
</p>
<p>Answer: Berlin.</p>

<script>
  $(document).ready(function() {
    $("toggle_this").click(function() {
      $(this).hide();
    });
  });
</script>

Answer 1

第一次更改 id至 class="toggle_this" .然后使用选择器 .toggle_this .

然后你可以使用e.preventDefault()如果链接停止默认操作。 然后使用 closest()和 next()你可以得到答案<p>然后toggle()

$(".toggle_this").click(function (e) {
    e.preventDefault();
    $(this).closest('p').next().toggle();
});