WordPress load more posts after click on button

I have php template what display custom post types. I need display 6 posts and after click on button display another 6. Currently button not works and there are showed just 6 posts.

My JS:

<script>
$(document).ready(function(){
  $(".content").slice(0, 6).show();
  $("#loadMore").on("click", function(e){
    e.preventDefault();
    $(".content:hidden").slice(0, 6).slideDown();
    if($(".content:hidden").length == 0) {
      $("#loadMore").text("No Content").addClass("noContent");
    }
  });
  
})
</script>

php

  <?php
            $args = array(
                'posts_per_page' => 6,
                'post_type' => 'dluhopisy',
            );
            $the_query = new WP_Query( $args ); 
            if( $the_query->have_posts() ){
                while ( $the_query->have_posts() ){
                    $the_query->the_post();
                    $the_id = get_the_id();
                    
$classes[] = 'grid-col col-1-3 bp2-col-1-2 bp1-col-1-2 bp0-col-full comp_company_profile_small-filter content';
                    .....

                    ?>
                    <div <?php cookie_class_from_array( $classes );?>>....
How many English words
do you know?
Test your English vocabulary size, and measure
how many words do you know
Online Test
Powered by Examplum