show and hide div from a repeat - angularjs

Question

I have a heading and comment to the heading on a repeat.
What I want to do it, keep all the inputs below the posts hidden at first and then, on clicking show input below button, show input for only that post. Basically a toggle but inside a repeat.
$scope.posts = [{"_id":"5","post":"second post","created_at":"2015-01-07T07:11:37.477Z"},{"_id":"542","post":"first post","created_at":"2015-01-07T07:11:30.922Z"}]
<div class="col-sm-12 margin-top-10" data-ng-repeat="post in posts track by $index">
<h4>{{post.post}}</h4>
<button type="button" class="pull-right btn btn-xs">
show input below
</button>
<h6 data-ng-repeat="comment in post.comments track by $index">{{comment}}</h6>
<form name="form.comment">
<input class="col-sm-12" type="text" name="commentText" ng-model="commentText" ng-keyup="$event.keyCode == 13 ? takeComment(post._id, commentText) : null" required>
</form>
<br>
<br>
<br>
</div>

Answer 1

$scope.posts = [{"_id":"5","post":"second
post","created_at":"2015-01-07T07:11:37.477Z"},{"_id":"542","post":"first
post","created_at":"2015-01-07T07:11:30.922Z"}]
<div class="col-sm-12 margin-top-10" data-ng-repeat=
"post in posts track by $index">
<h4>{{post.post}}</h4><button class="pull-right btn btn-xs" type=
"button" ng-click="post.show = !post.show">show input below</button> <--- add ng click
<h6 data-ng-repeat="comment in post.comments track by $index">
{{comment}}</h6>
<form id="form.comment" name="form.comment" ng-show="post.show"> <--- add ng show
<input class="col-sm-12" name="commentText" required="" type=
"text">
</form><br>
<br>
<br>
</div>