Bi türlü <li class="active"> yapamadım. JS kodu çalışıyor ama link olarak tıklayınca değil de alt ısma tıklayınca oluyor. Yardımcı olur musunuz hatam nerede ?

 <ul class="nav navbar-nav navigation-box">
  <li class="yns current">
  <a href="<?=$ayarcek['ayar_siteurl'];?>">Anasayfa</a>                            
  </li>
  <li class="yns">
  <a href="hakkimizda">Hakkımızda</a>                            
  </li>
  <li class="yns">
  <a href="galeri">Galeri</a>                            
  </li>
   <li class="yns">
    <a href="blog">Blog</a>                           
  </li>
  <li class="yns"><a href="iletisim">İletişim</a></li>
</ul>

js kodları

<script
  src="https://code.jquery.com/jquery-3.6.3.js"
  integrity="sha256-nQLuAZGRRcILA+6dMBOvcRh5Pe310sBpanc6+QBmyVM="
  crossorigin="anonymous"></script>
  <script type="text/javascript"> 
$(document).ready(function(){
$('.yns'). click(function(){
  $(this).addClass('current').siblings().removeClass('current');
})

});
  </script>