<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.4/jquery.min.js" type="text/javascript"></script>
<script>

$(document).ready(function() {


$("#toggle_it").click(function () { $(".to_toggle").toggle(1000); });

$(".to_toggle").show();

$("#toggle_it1").click(function () { $(".to_toggle1").toggle(1000); });

$(".to_toggle1").show();

})
</script>


<hr />
<button id="toggle_it">Toggle</button>
<h1 class="to_toggle">testing the toggle functionality of jQuery</h1>

<button id="toggle_it1">Toggle</button>
<h1 class="to_toggle1">testing the toggle functionality of jQuery</h1>

<h1 class="to_toggle">testing the toggle functionality of jQuery</h1>

<hr />