Помогите найти ошибку, $(this) выводит объект, но attr("href") не может найти значение, что не так?
<div class="content-aside">
<ul>
<li><a href="#recipe">Разработка рецептуры</a></li>
<li><a href="#packaging">Разработка и дизайн упаковки</a></li>
<li><a href="#license">Лицензирование</a></li>
<li><a href="#packing">Фасовка готовой продукции</a></li>
</ul>
</div>
$(document).ready(() => {
$('.content-aside').on('click', 'a', (event) => {
event.preventDefault();
let sc = $(this).attr("href");
console.log($(this))
let dn = $(sc).offset().top;
$('html, body').animate({ scrollTop: dn }, 1000);
})
});