multi select filter jquery

//Jquery Code
$('.checkbox-wrapper').delegate('input:checkbox', 'change', function()
    {
        var $lis = $('.blog-list > .post').hide();
        $('.checkbox-wrapper #all').prop('checked', false);
        //For each one checked
        $('input:checked').each(function()
        {
            // $('.checkbox-wrapper #all').prop('checked', false);
            $lis.filter('.' + $(this).attr('rel')).show();
        });    
        if ($(".checkbox-wrapper input:checkbox:checked").length > 0)
        {
            $('.checkbox-wrapper #all').prop('checked', false);
        }
        else
        {
            $('.checkbox-wrapper #all').prop('checked', true);
            $('.blog-list > .post').show();
            
        }  
    });


//Checkbox group
<ul class="checkbox-wrapper">
    <li><input class="form-check-input me-1" type="checkbox" rel="all" id="all" checked>
         <label class="form-check-label">All Blogs</label>
    </li>
	<li><label class="form-check-label" for="blogCategory1">
      <input class="form-check-input me-1 1" type="checkbox" rel="analytics">Analytics</label>
    </li>
</ul>

//blog List

<div class="blog-list">
<div class="post col mb-4 all analytics"><h1>Blog Title</h1></div>
<div class="post col mb-4 all BDA"><h1>BDA</h1></div>
</div>

    <?php 
$terms = wp_get_object_terms($post->ID, 'journal_year', array('orderby' => 'term_id', 'order' => 'ASC') );
    if ( !empty( $terms ) ) :
    $project = array();
    foreach ( $terms as $term ) {
        $project[] = $term->name;
}
    echo '<span>'.$project[0].'</span>';
    // echo '<h2>'.$project[1].'</h2>';
    endif;
    ?>
    </h3>

<?php
$taxonomyName = "service_line_category";
$terms = get_terms($taxonomyName,array('parent' => 0));
foreach($terms as $term) {
    echo '<a href="'.get_term_link($term->slug,$taxonomyName).'">'.$term->name.'</a>';
    $term_children = get_term_children($term->term_id,$taxonomyName);
    echo '<ul>';
    foreach($term_children as $term_child_id) {
        $term_child = get_term_by('id',$term_child_id,$taxonomyName);
        echo '<li><a href="' . get_term_link( $term_child->term_id, $taxonomyName ) . '">' . $term_child->name . '</a></li>';
    }
    echo '</ul>';
}
?>

// disable rest api
add_filter( 'rest_authentication_errors', function( $result ) {
    if ( true === $result || is_wp_error( $result ) ) {
        return $result;
    }

    if ( ! is_user_logged_in() ) {
        return new WP_Error(
            'rest_not_logged_in',
            __( 'You are not currently logged in.' ),
            array( 'status' => 401 )
        );
    }

    return $result;
});

//admin page UI Change

function my_loginlogo() {
	echo '<style type="text/css">
	  h1 a {
		background-image: url(' . get_template_directory_uri() . '/assets/images/logo.svg) !important;
	  }
	</style>';
  }
  add_action('login_head', 'my_loginlogo');
  function the_dramatist_custom_login_css() {
    echo '<style type="text/css"> 
	.login h1 a{    background-size: contain;    width: 100%!important;height: 85px;}
	#login{border: 1px solid #000;padding: 30px;margin-top: 5%;border-radius: 10px;    background: #fff!important;}
	body.wp-core-ui{background: url(https://i.pinimg.com/originals/f6/4c/59/f64c59febd4dca0c078b8f7b3e0a4553.jpg);background-repeat: no-repeat;background-size: cover;background-position: center right;}
	.login form {border: 0px;padding: 2px;}
	.login #nav{padding-left: 0px;}
	.login #backtoblog{padding-left: 0px;}
	</style>';
}
add_action('login_head', 'the_dramatist_custom_login_css');