<div class="experts_item">

  <div class="experts_name">

    <p class="name">Плешко Михаил Степанович</p>
    <p class="description_data">Доктор технических наук, профессор</p>

  </div>

  <div class="experts_data">

    <div class="data_items">

      <p class="title_data">Квалификация:</p>
      <p class="description_data">Горный инженер-строитель</p>

    </div>

    <div class="data_items">

      <p class="title_data">Направление деятельности:</p>
      <p class="description_data">23. Инженерно-геологические изыскания и инженерно-геотехнические изыскания</p>

    </div>

    <div class="data_items">

      <p class="title_data">Номер аттестата</p>
      <p class="description_data">МС-Э-22-23-13903</p>

    </div>

    <div class="data_items">

      <p class="title_data">Период действия:</p>
      <p class="description_data">15.10.2020 - 15.10.2025</p>

    </div>

  </div>

</div>

<div class="experts_item">

  <div class="experts_name">

    <p class="name">Гергарт Юрий Александрович</p>
    <p class="description_data">Кандидат технических наук</p>

  </div>

  <div class="experts_data">

    <div class="data_items">

      <p class="title_data">Квалификация:</p>
      <p class="description_data">Гидрогеолог</p>

    </div>

    <div class="data_items">

      <p class="title_data">Направление деятельности:</p>
      <p class="description_data">2. Инженерно-геологические изыскания и инженерно-геотехнические изыскания</p>

    </div>

    <div class="data_items">

      <p class="title_data">Номер аттестата</p>
      <p class="description_data">МС-Э-51-2-13070</p>

    </div>

    <div class="data_items">

      <p class="title_data">Период действия:</p>
      <p class="description_data">20.12.2019 - 20.12.2024</p>

    </div>

  </div>

</div>

<div class="experts_item">

  <div class="experts_name">

    <p class="name">Николаев Петр Владимирович</p>
    <p class="description_data">Кандидат технических наук, доцент</p>

  </div>

  <div class="experts_data">

    <div class="data_items">

      <p class="title_data">Квалификация:</p>
      <p class="description_data">Горный инженер</p>

    </div>

    <div class="data_items">

      <p class="title_data">Направление деятельности:</p>
      <p class="description_data">2. Инженерно-геологические изыскания и инженерно-геотехнические изыскания</p>

    </div>

    <div class="data_items">

      <p class="title_data">Номер аттестата</p>
      <p class="description_data">МС-Э-16-2-13825</p>

    </div>

    <div class="data_items">

      <p class="title_data">Период действия:</p>
      <p class="description_data">15.10.2020 - 15.10.2025</p>

    </div>

  </div>

</div>

<div class="experts_item">

  <div class="experts_name">

    <p class="name">Плешко Марианна Викторовна</p>
    <p class="description_data">Кандидат технических наук</p>

  </div>

  <div class="experts_data">

    <div class="data_items">

      <p class="title_data">Квалификация:</p>
      <p class="description_data">Экономист-менеджер</p>

    </div>

  </div>

</div>

<script src="https://code.jquery.com/jquery-3.6.0.min.js" integrity="sha256-/xUj+3OJU5yExlq6GSYGSHk7tPXikynS7ogEvDej/m4=" crossorigin="anonymous"></script>

.experts_item{
    position: relative;
    padding-bottom: 100px;
}

.experts_item::after{
    content: '';
    position: absolute;
    bottom: 48px;
    width: 100%;
    height: 2px;
    background-color: #c3c1c1;
}

.experts_item::after:last-child{
    background-color: transparent;
}

.experts_name{
    display: flex;
    flex-direction: column;
    cursor: pointer;
}

.experts_name p.name{
    font-family: 'Gilroy-ExtraBold';
    font-size: 32px;
    color: #182263;
}

p.description_data{
    font-family: 'Gilroy-Regular';
    font-size: 18px;
    color: #212121;
}

.experts_data{

}

.data_items{
    padding-top: 35px;
}

p.title_data{
    user-select: none;
    font-family: 'Gilroy-Bold';
    font-size: 18px;
    color: #182263;
}

$('.experts_name').click(function() {
  $('.experts_data').css("display", "none");
  $(this).css("display", "flex");
})