HTML: Как скрыть заголовок, когда я выбираю «вкладку»

Question

Привет всем,

Моя веб-страница состоит из 3 вкладок.Когда я нажимаю на третью вкладку, заголовок должен быть в скрытом состоянии.Как мне этого добиться.

Мой заголовок div выглядит следующим образом

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

Answer 1

Вы можете скрыть это так:

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

Вы должны предоставить полную разметку html, включая вкладки для лучших ответов.

Если ваш клик срабатывает на divс идентификатором headingid ваш код должен быть:

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

Answer 2

Используя Jquery , вы можете написать что-то вроде этого

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