单击时按ID显示/隐藏元素

Question

我想在页面加载时隐藏一个段落元素，并在单击按钮时显示它，如果再次单击该按钮，则隐藏它。

我该如何实现？

Answer 1

使用.toggle()：

$("button").click(() => $("p").toggle());

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<p style="display: none;">Some hidden text</p>
<button>Toggle Text</button>