Div open and close clicking checkbox

I am populating dynamic list of checkbox and there corresponding <Div></div>. When i checked a checkbox corresponding division will show with passing checkbox id and when unchecked division will close. The problem is that when i checked a check box division data show in same time checked another check box then another division data show it's ok but 1st division data replace by next division data.
--------------------------------------------------------
<tr ng-repeat="eachworkflowitem in WorkFlowlist">

<td>

<input type="checkbox" name="WorkFlowlist" ng-change="ActivityListByWorkflowId($event, eachworkflowitem.WorkFlowId)"
value="'{{eachworkflowitem.WorkFlowId}}'" ng-model="checkedGroupIds[eachworkflowitem.WorkFlowId]" />{{ eachworkflowitem.WorkFlowName }}

<div id="WF_{{eachworkflowitem.WorkFlowId}}" ng-show="checkedGroupIds[eachworkflowitem.WorkFlowId]">

<!--ActiviyListForEachWorkflow-->

<div class="box box-solid" >
<div class="box-header">
<!--

{{eachworkflowactivityitem.WorkFlowName}}

-->
</div>
<div class="box-body">

<div class="box-body">
<input type="hidden" name="ActivityCount" />
<table class="table">
<thead>
<tr>
<th>
Activity Name
</th>
<th>
Lead Time
</th>
<th>
Vendor
</th>
</tr>
</thead>

<tr ng-repeat="eachActivityitem in ActivityList">
<td>
<input type="hidden" name="ActivityID" value="{{eachActivityitem.Activity_ID}}" />
<input type="hidden" name="ProjectTypeID" value="{{eachActivityitem.Project_Type_ID}}" />
{{eachActivityitem.Activity_Name}}
</td>
<td><input type="Text" name="Lead_Time" value="{{eachActivityitem.Lead_Time