Static html Template - Using jquery

<script type='text/javascript'>
	<!--
		$(document).ready(function() {
			$('#openclose').mouseover(function () {
				$(this).css("text-decoration", "none");
				$(this).css("cursor", "pointer");
				$(this).css("color", "#E33E3E");
			});
			$('#openclose').mouseout(function () {
				$(this).css("text-decoration", "none");
				$(this).css("text-decoration", "underline");
				$(this).css("color", "#000000");
			});
			$('#openclose').click(function () {
				$('#targetstuff').is(':visible') ? $("#targetstuff").hide('slow')  : $("#targetstuff").show('slow');                               
			});
		});
	// -->
</script>   
<h3 id="openclose" style="text-decoration:none; color:#000000">Show/hide source code</h3>
<div id="targetstuff" style="display:block; padding-top:0px">

<script type='text/javascript'>
	<!--
		$(document).ready(function() {
			$('#openclose2').mouseover(function () {
				$('#openclose2').css("cursor", "pointer");
			});
			$('#openclose2').mouseout(function () {
				$('#openclose2').css("cursor", "default");
			});
			$("#openclose2").toggle(function() {
				$("#targetstuff2").show('slow');
			}, 
			function() {
				$("#targetstuff2").hide('slow');
			});
			
		});
	// -->
</script> 
<br /> 
<a style="text-decoration: underline; font-weight: bold; " id="openclose2">Show/hide source code</a>
<div id="targetstuff2" style="display:none; padding-top:0px">