link anchor2

HTML

<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/4.5.0/css/bootstrap.min.css" />

<script src="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/4.5.2/js/bootstrap.min.js"></script>


<div class="links">
<a href="javascript:void(0);" data-link="#link1" data-target="#collapseOne2"
          aria-expanded="true" aria-controls="collapseOne2">Ссылка 1</a>
<a href="javascript:void(0);" data-link="#link2" data-target="#collapseTwo2"
          aria-expanded="true" aria-controls="collapseTwo2">Ссылка 2</a>
<a href="javascript:void(0);" data-link="#link3" data-target="#collapseThree2"
          aria-expanded="true" aria-controls="collapseThree2">Ссылка 3</a>
<a href="javascript:void(0);" data-link="#link31" data-target="#collapseThree2"
          aria-expanded="true" aria-controls="collapseThree2">Ссылка 31</a>
</div>
  
<div class="accordion" id="accordionExample275">
  <div class="card z-depth-0 bordered">
    <div class="card-header" id="headingOne2">
      <h5 class="mb-0">
        <button class="btn btn-link" type="button" data-toggle="collapse" data-target="#collapseOne2"
          aria-expanded="true" aria-controls="collapseOne2">
          Контент-1
        </button>
      </h5>
    </div>
    <div id="collapseOne2" class="collapse" aria-labelledby="headingOne2"
      data-parent="#accordionExample275">
      <div class="card-body">
        <div class="archon" id="link1">Якорь 1</div>Anim pariatur cliche reprehenderit, enim eiusmod high life accusamus terry richardson ad squid. 3
        wolf moon officia aute, non cupidatat skateboard dolor brunch. Food truck quinoa nesciunt laborum
        eiusmod. Brunch 3 wolf moon tempor, sunt aliqua put a bird on it squid single-origin coffee nulla
        assumenda shoreditch et. Nihil anim keffiyeh helvetica, craft beer labore wes anderson cred
        nesciunt sapiente ea proident. Ad vegan excepteur butcher vice lomo. Leggings occaecat craft beer
        farm-to-table, raw...

CSS

body {
  background: #ffe2b5;
}

.links {
  margin: 20px 0;
  padding: 5px 10px;
}
.links a {
  display: inline-block;
  padding: 5px 10px;
  background: #414141;
  color: #fff;
  border-radius: 5px;
  border: 3px solid #414141;
}
.links a:hover {
  color: #414141;
  background: #fff;
  text-decoration: none;
  transition: 0.3s all ease;
}

.accordion {
  width: 600px;
  padding: 5px 10px;
}
#link1, #link2, #link3 ,#link31 {
  color: red;
  font-weight: 700;
}

JavaScript

$(".links a").click(function() {
    

	 var link_scroll = $(this).attr("data-link");
   var link_target = $(this).attr("data-target");
   var button_target = '.card-header button[data-target="' + link_target + '"]';
    
    if (!$(link_target).hasClass("show")) {
        $(button_target).click();
    }

setTimeout(function(){
    var margin_top = 10;
         $("html, body").animate({
         scrollTop: $(link_scroll).offset().top-margin_top + "px"
      }, {
         duration: 1000,
         easing: "swing"
      });
      return false;
}, 400);  


   });