JSFiddle - React, Tailwind, and code Playground

HTML

<div class="menu-mobile_list">
  <ul>
    <li>
      <span>tt</span>
      <nav class="collapse show">
        <ul>
          <li><span>test</span></li>
          <li><span>test</span></li>
          <li><span>test</span></li>
          <li><span>test</span></li>
          <li><span>test</span></li>
          <li><span>test</span></li>
          <li><span>test</span></li>
          <li><span>test</span></li>
        </ul>
      </nav>
    </li>
    <li>2</li>
    <li>3</li>
    <li>4</li>
    <li>5</li>
  </ul>
</div>

CSS

body {height: 1800px; background: black}
li {height: 150px; margin-bottom: 80px; background: grey}
span {background: grey; color: #fff}

JavaScript

$(document).on('click', '.menu-mobile_list li', function () {
    document.querySelector('.collapse.show ul li').scrollIntoView({
        block: "start",
        behavior: 'smooth' 
    });
});