Hide and Display activity checkbox when click on services checkbox

PHP

<?php 




//for service 1
$all_activities = "select * from activity join displayserviceactivitymap on activity.activity_id = displayserviceactivitymap.activity_id right  join services on services.service_id = displayserviceactivitymap.service_id";


$all_activities = $conn->query($all_activities) or die ($conn>error.__LINE__);
$activities = [];

while ($row = $all_activities->fetch_assoc()) {
    $activities[] = $row;
}



$repeated = 'repeated';

foreach ($activities as $act) {


  if($act['servicename'] != $repeated){



    echo '<br><input type="checkbox" name="arr['.$act['service_id'].'][service]" value="'.$act['service_id'].'" id="'.$act['service_id'].'">'.$act['service_id'].$act['servicename'].'<br>';
    $repeated = $act['servicename'];
  }



  if($act['activity_id'] != '')

  echo '<input type="checkbox" name="arr['.$act['service_id'].'][activity][]" value="'.$act['activity_id'].'" id="'.$act['activity_id'].'">'.$act['nameofactivity'].'<br>';


}




?>

Output of My code is

• Incometax

  • Return
  • filling

• GST

  • Form
  • Return
  • GSTR
• TDS
  • Application
  • Refund

Here Incometax,GST,TDS are services and others are related activity of the services. I want to display activity when I check checkbox and hide when I uncheck checkbox. I use javascript code but not work properly.