<div class="educational-projects_wrapper">
<div class="main-education-tab">
<div class="main-education-boximg">
<img class="main-education-img" src="<?php bloginfo('template_url') ?>/img/main-education-tab-img.png" alt="">
</div>
<div class="tab-box">
<ul class="tab-nav">
<?php $args = array( 'post_type' => 'projects', 'posts_per_page' => 5 ); $loop = new WP_Query( $args ); ?>
<?php while ( $loop->have_posts() ) : $loop->the_post(); $post_id = get_the_ID(); ?>
<li><a href="javascript:void(0);" data-id="<?php echo $post_id ?>"><?php the_field('why_projects'); ?> <span>“<?php the_title(); ?>”</span></a></li>
<?php endwhile; ?>
</ul>
</div>
</div>
<div>
<div class="tab-panels">
<?php $args = array( 'post_type' => 'projects', 'posts_per_page' => 99 ); $loop = new WP_Query( $args ); ?>
<?php while ( $loop->have_posts() ) : $loop->the_post(); $post_id = get_the_ID();?>
<div data-id="<?php echo $post_id ?>"><?php the_content(); ?></div>
<?php endwhile; ?>
</div>
</div>
</div>