How to loop custom post type using while loop in wordpress

November 6, 2022

I am having issues in looping custom post type using while loop. Yes, I am display data without error but the_ID() function is being printed outside specific id i.e id="panelsStayOpen-heading’.the_ID().’" as shown in an image.
issue


function displayFaqs() {
        
    
    $args = array(
        'post_type' => 'advance_faq',
        'posts_per_page' => '-1',
        'post_status' => 'publish'
    );
    // The Query
    $the_query = new WP_Query( $args );

    ob_start();
    // The Loop
    if ( $the_query->have_posts() ) {
        echo '<div class="accordion" id="accordionPanelsStayOpenExample">';
        while ( $the_query->have_posts() ) {
            $the_query->the_post();
            echo '<div class="accordion-item">';
            echo ' <h2 class="accordion-header" id="panelsStayOpen-heading'.the_ID().'">
                    <button class="accordion-button" type="button" data-bs-toggle="collapse" data-bs-target="#panelsStayOpen-collapse'.the_ID().'" aria-expanded="true" aria-controls="panelsStayOpen-collapse'.the_ID().'">'
                      . get_the_title() . '
                    </button>
                  </h2>';
            echo '<div id="panelsStayOpen-collapse'.the_ID().'" class="accordion-collapse collapse show"       aria-labelledby="panelsStayOpen-heading'.the_ID().'">
                  <div class="accordion-body">
                  '
                      .the_content() . '
                  </div>
                </div>';
        }
        echo '</div>';
        echo '</div>';
    } else {
        // no posts found
    }
    /* Restore original Post Data */
    wp_reset_postdata();

    $contents = ob_get_contents();
    ob_end_clean();
      return $contents;

}
add_action( 'init', 'a_register_shortcodes');

How do I fix the issues to print in a specific id without printing outside