nav pills trazendo informações do mysql em pdo

<div class="video-sec">

	  <h4 class="heading-small">Mídias</h4>

	  <div class="video-block">

	  <ul class="nav nav-pills justify-content-center mb-4" id="pills-nav" role="tablist">      

	  <?php

	  // Atribui uma conexão PDO

	  $conexao = Connection::getInstance();

	  $controle_ativo = 2;

	  //$controle_num_slide = 1;

	  $sql = "SELECT * FROM db_post WHERE status=1 AND category='Mídia' ORDER BY created DESC LIMIT 3";

	  $stm = $conexao->prepare($sql);

	  $stm->execute();

	  while($post = $stm->fetch(PDO::FETCH_OBJ)) {

	    if($controle_ativo == 2) { ?>

	      <li class="nav-item">

	        <a class="nav-link active" id="nav-pills-01" data-toggle="pill" href="#<?=$post->post_id?>"><?=$post->title?></a>

	      </li>

	    <?php

	      $controle_ativo = 1;

	    } else {

	    ?>

	      <li class="nav-item">

	        <a class="nav-link" id="nav-pills-02" data-toggle="pill" href="#<?=$post->post_id?>"><?=$post->title?></a>

	      </li>

	    <?php

	      //$controle_num_slide++;

	    }

	  }

	  ?>

	</ul>

	<div class="tab-content" id="nav-pills-content">      

	  <?php

	  // Atribui uma conexão PDO

	  $conexao = Connection::getInstance();

	  $controle_ativo = 2;

	  $sql = "SELECT * FROM db_post WHERE status=1 AND category='Mídia' ORDER BY created DESC LIMIT 3";

	  $stm = $conexao->prepare($sql);

	  $stm->execute();

	  while($post = $stm->fetch(PDO::FETCH_OBJ)) {

	    if($controle_ativo == 2) { ?>

	  <div class="tab-pane fade show active" id="<?=$post->post_id?>" role="tabpanel">

	    <div class="row">

	      <div class="col-sm-6">

	        <div class="embed-responsive embed-responsive-16by9"> <!-- 21by9, 16by9, 4by3, 1by1 -->

	          <iframe class="embed-responsive-item" src="<?=$post->url?>"></iframe>

	        </div>

	      </div>

	      <div class="col-sm-6">

	        <p class="display-5"><?=$post->content?></p>

	        <p class="card-text">

	          <small class="text-time">

	            <em>Publicado em <?=date('M,d',strtotime($post->created))?></em>

	          </small>

	        </p>

	      </div>

	    </div>

	  </div>

	    <?php

	      $controle_ativo = 1;

	    } else {

	    ?>

	  <div class="tab-pane fade" id="<?=$post->post_id?>a" role="tabpanel">

	    <div class="row">

	      <div class="col-sm-6">

	        <div class="embed-responsive embed-responsive-16by9"> <!-- 21by9, 16by9, 4by3, 1by1 -->

	          <iframe class="embed-responsive-item" src="<?=$post->url?>"></iframe>

	        </div>

	      </div>

	      <div class="col-sm-6">

	        <p class="display-5"><?=$post->content?></p>

	        <p class="card-text">

	          <small class="text-time">

	            <em>Publicado em <?=date('M,d',strtotime($post->created))?></em>

	          </small>

	        </p>

	      </div>

	    </div>

	  </div>

	    <?php

	    }

	  }

	  ?>

	</div>

	Há aba ativa está perfeita quando clico na segunda ou terceira aba nada acontece (não abre), tenho que deixar dinâmico. Ainda pergunto existe uma maneira com javascript para ativar a aba e seu conteúdo.