Html: How to hide a heading when i select a "tab"

Hi all,

My webpage consists of 3 tabs. When i click开发者_运维问答 on the third tab, the heading must be in a hidden state. How do i achieve this.

My heading div is as follows

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

Using Jquery, you can write sometihng like this

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

You can hide it like this:

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

You need to provide complete html markup including that of tabs for better answers.

If your click is triggered on the div with id headingid, your code should be:

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