Blocksy Blog or CPT live jQuery filter (show only subcategories)

blocksy-theme-jquery-filter-subcategories.php

<script>
jQuery(document).ready(function($) {
  $('.ct-filter').on( 'click', function(event){	
  var $type = $(this).data("filter");
  if($type == "all"){
    $('.entry-card').fadeOut(0);
    $('.entry-card').fadeIn(500);
  } else {
    $('.entry-card').hide();
    // For CPTs just change the category class to your CPTs slug for example: '.projects-'
    $('.category-' + $type + '.entry-card').fadeIn(500);
  }
});
});
</script>
<!--  For CPTs just change the category slug to your CPTs slug for example: 'projects' -->
<?php
$terms = get_terms(
    array(
        'parent'     =>  get_queried_object_id(), //id of current category displayed 
        'taxonomy'   => 'category',
        'hide_empty' => true,
    )
);
if ( ! empty( $terms ) && is_array( $terms ) ) {
?>
<div class="ct-container" data-vertical-spacing="top">
<a data-filter="all" class="ct-button ct-filter">All</a>
<?php
    foreach ( $terms as $term ) { ?>
        <a data-filter="<?php echo $term->slug; ?>" class="ct-button ct-filter">
            <?php echo $term->name; ?>
        </a><?php
    }
} 
?>
</div>