How to disable header tag in jquery or javascript

[pravin rasal]

How to disable header tag(<h1>to<h6>) in j query or java script. I want disable these tag on click so can I disable in j query or java script

for example I have <h2>sdfsdf</h2> and i want to disable h2 on click so is their any method to disable <h2> tag

[Kavisha Paranamana]

What did you mean by 'disabling' ?
If you need to change the 'look' of these tags on the click event, you can just change the class in the click event.
$('h2').on('click', function(e){ e.removeClass('oldClass').addClass('newClass'); });

[pravin rasal]

This is code in J query : My problem is when i click on "section 1" i didn't want to pop up above description of section one and also when I click on area of "section 1 " means <h3> tag I Didn't want to popup the message...

<script>
	$(function() {
		$( "#accordion" ).accordion();
	});
	</script>



<div class="demo">

<div id="accordion">
	<h3><a href="#">Section 1</a></h3>
	<div>
		<p>
		Mauris mauris ante, blandit et, ultrices a, suscipit eget, quam. Integer
		odio. Curabitur malesuada. Vestibulum a velit eu ante scelerisque vulputate.
		</p>
	</div>
	<h3><a href="#">Section 2</a></h3>
	<div>
		<p>
		Sed non urna. Donec et ante. Phasellus eu ligula. Vestibulum sit amet
		suscipit faucibus urna.
		</p>
	</div>
	<h3><a href="#">Section 3</a></h3>
	<div>
		<p>
		Nam enim risus, molestie et, porta ac, aliquam ac, risus. Quisque lobortis.
		acinia ornare, quam ante aliquam nisi, eu iaculis leo purus venenatis dui.
		</p>
		<ul>
			<li>List item one</li>
			<li>List item two</li>
			<li>List item three</li>
		</ul>
	</div>
	<h3><a href="#">Section 4</a></h3>
	<div>
		<p>
		Cras dictum. Pellentesque habitant morbi tristique senectus et netus
		et malesuada fames ac turpis egestas. Vestibulum ante ipsum primis in
		faucibus orci luctus et ultrices posuere cubilia Curae; Aenean lacinia
		mauris vel est.
		</p>
		<p>
		Suspendisse eu nisl. Nullam ut libero. Integer dignissim consequat lectus.
		inceptos himenaeos.
		</p>
	</div>
</div>

</div><!-- End demo -->

<div class="demo-description" style="display: none; ">
<p>
Click headers to expand/collapse content that is broken into logical sections, much like tabs.
Optionally, toggle sections open/closed on mouseover.
</p>
<p>
The underlying HTML markup is a series of headers (H3 tags) and content divs so the content is
usable without JavaScript.
</p>
</div><!-- End demo-description -->