bootstrap collapse or toggle a div visibility
if you have bootstrap and want to toggle an element or show and hide a div its already built in, just use the following code to toggle something.
HTML
<p>
<button class="btn btn-primary" data-toggle="collapse" href="#morefields" >Show or Hide the additional data</button>
</p>
<div id='morefields' class="collapse" >
<div class='alert alert-primary'>I am some hidden / collapsed data</div>
</div>
I am some hidden / collapsed data