JSFiddle - React, Tailwind, and code Playground

HTML

<a href="javascript:void(0);" data-href="#group1" class="save">Save 20%</a>

<div id="group1"></div>
<div id="group2"></div>
<div id="group3"></div>

JavaScript

var i=1;
$('a').on('click', function (event) {
    i++;
    var anchor = $(event.target);
    var target = $($(event.target).data("href"));
    console.log(target);
    event.preventDefault();
    $('html, body').animate({
        scrollTop: target.offset().top
    }, 1000);
    anchor.data("href","#group"+i);
});