Question

我在p标签中有一些内容

<p>Some Content</p>

我还有两个按钮'隐藏'和'显示'。

<button>Hide</button>
<button>Show</button>

如果我点击“隐藏”按钮并在点击“显示”按钮时再次显示，我想要隐藏内容。怎么做？使用JS还是JQuery？

Answer 1

是的，这是一个非常基本的问题，使用一些基本的jquery cv2.circle(img,center, radius, (0,255, 0), 2)和hide()函数。请查看下面的代码段以供参考。

show()

$('#hide').click(function() {
  $('.content').hide();
});
$('#show').click(function() {
  $('.content').show();
});

Answer 2

您可以使用jQuery

来完成

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js">

<p>Some Content</p>

<button onclick=" $('p').hide();">Hide</button>
<button onclick=" $('p').show();">Show</button>

如何在按钮点击时显示/隐藏内容？

2 个答案: