Html：当我选择“选项卡”时如何隐藏标题

Question

大家好，

我的网页由 3 个选项卡组成。当我单击第三个选项卡时，标题必须处于隐藏状态。我如何实现这一点。

我的标题 div 如下

<div id= headingid>
<h1 class="heading">
 E-Z Search: List Search Topics & Criteria</h1>
</div>

Answer 1

使用Jquery，你可以写一些像这样的东西

$('#headingid').click(function(){
$('.heading').hide();
});

Answer 2

您可以像这样隐藏它：

$('.heading').hide();

您需要提供完整的 html 标记，包括选项卡的标记以获得更好的答案。

如果您的点击是在 ID 为 headingid 的 div 上触发的，则您的代码应为：

$('#headingid').click(function(){
  $('.heading', $(this)).hide();
});