jQuery和php手风琴菜单做奇怪的事情

Question

所以我使用jQuery和php制作了这个小手风琴菜单。

除了我点击隐藏所有项目时它打开所有项目然后关闭它，当显示所有点击它隐藏所有内容然后显示它时，它的效果很好。

我想如果我按下全部隐藏它直接隐藏它而不先显示所有内容，反之亦然显示所有内容都被点击。

我使用count（）计算菜单中的项目，然后在函数结束时将其递增1。

无论如何，这里的代码是：

jQuery：

                    <script type="text/javascript">
                      $ = jQuery;
                      $( document ).ready(function () {
                          $( "#heading_<?php echo $count; ?>, .personal-lessons-show-all, .personal-lessons-hide-all" ).on("click", function () {
                            $( "#lessons_<?php echo $count; ?>" ).slideToggle().css( "display", "block" );
                            $( "body" ).css( "background-color", "#eee" );
                            $( ".right-purple-background" ).css( "height", "1124px" );
                          }); 
                          $( ".personal-lessons-show-all" ).on( "click", function () {
                            $( "#lessons_<?php echo $count; ?>" ).slideDown();
                            $( ".personal-lessons-hide-all" ).show();
                            $( "body" ).css( "background-color", "#eee" );
                            $( ".right-purple-background" ).css( "height", "1124px" );
                          });
                          $( ".personal-lessons-hide-all" ).on( "click", function () {
                            $( "#lessons_<?php echo $count; ?>" ).slideUp();
                            $( ".personal-lessons-hide-all" ).hide();
                            $( "body" ).css( "background-color", "white" );
                            $( ".right-purple-background" ).css( "height", "1200px" );
                          });
                          $( ".bordered-title" ).on( "hover", function () {
                            $( this ).css( "cursor", "pointer" );
                          });
                      });
                    </script>

和php：

             <?php
                // Loop through all of the lesson categories
              $count = 0;
                foreach($lessons as $key => $val){
              $count++;   
                  // Get personal lessons for logged in user
                  $personal_lessons = get_user_meta(get_current_user_id(), 'personal-lessons', true);

                  $yes_to_all = false;
                  if(empty($personal_lessons[$_GET['course']]) || !$personal_lessons[$_GET['course']]){
                    $yes_to_all = true;
                  }

                  $category_name = $wpdb->get_row("SELECT name FROM mdl_course_categories WHERE id = '$key'");
                  ?>
                    <p class="bordered-title" id="heading_<?php echo $count; ?>"><?php echo $category_name->name; ?></p>
                      <div class="table-responsive">
                      <table id="lessons_<?php echo $count; ?>" class="lessonsTable table-responsive"> 

                        <?php