jquery - ワードプレスのシンプルなJqueryカスタム投稿タイプのアーカイブスライドトグル

Question

現在、1 か月 (ul) のすべての投稿 (li) を表示するカスタム投稿アーカイブがあります。ユーザーが 2 月をクリックすると、そのスライドインまたはフェードインのすべての投稿が表示されるようにしたいと考えています。また、現在の月の投稿が既に表示されているようにしたいと考えています。私のjqueryは非常に基本的なものなので、チュートリアルへのアドバイスやリンクは素晴らしいでしょう。

助けてくれてありがとう

<script>
            jQuery (document).ready(function() {
            jQuery ('.list-slide').hide();
            jQuery ('.list-slide-btn').click(function() {
                jQuery ('.list-slide').slideToggle(1500).delay(1500);
            }); 
        });
</script>
<div  class="album-list width50 float-left">
                    <?php       
                    $counter = 0;
                    $ref_month = '';
                    $monthly = new WP_Query(array(
                        'post_type' => 'albums',
                        'posts_per_page' => -1,
                        ));
                    if( $monthly->have_posts() ) : while( $monthly->have_posts() ) : $monthly->the_post();
                        if( get_the_date('mY') != $ref_month ) { 
                            if( $ref_month ) echo "\n".'</ul>';
                            echo "\n".'<h5 class="list-slide-btn">'.get_the_date('F Y').'</h5>';
                            echo "\n".'<ul class="list-slide">';
                            $ref_month = get_the_date('mY');
                            $counter = 0;
                        }

                    if( $counter++ < 31 ) echo "\n".'   <li><a href='.get_permalink($post->ID).'>'.get_the_date('D jS').' &#58;<br/>'.get_the_title($post->ID).'</a></li>';

                    endwhile; 
                    echo "\n".'</ul>';
                    endif; 
                    ?>
</div>