list가 active되었을때 버튼이름 변경 및 리스트에 초점이 첫 번째로 가도록

아 넵 챗gpt는 활용하긴 해도 가끔씩은 너무 혼동되고 어려운코드를 짜주더라고요 최대한 간단하게
제가 짤 수 있게 노력해보겠습니다

/* 공지사항 */
$(function(){


// 탭 클릭 이벤트
$('.brief').find('li > a').on('click', function () {
const $this = $(this);
const $parentLi = $this.parent('li');

// 활성화 상태 설정
$parentLi.addClass('active').siblings('li').removeClass('active');
$('.brief').find('li > a').attr('title', '');
$this.attr('title', '선택됨');

// bx-controls-direction 버튼 텍스트 업데이트
updateControlText($this.text());
});



$('.brief-list').bxSlider({
//infiniteLoop: false,
auto:false,
speed:1000,
pause:5000,
maxSlides:4,
moveSlides:1,
slideWidth:313,
slideMargin:0,
responsive:true,
mode:'horizontal',
controls:true,
pager:false,
onSliderLoad: function(){
$(".bx-clone").find("a").prop("tabIndex","-1");
},
onSlideAfter: function(){
$(".mainSlider").children("li").each(function(){
if($(this).attr("aria-hidden") == "false"){
$(this).find("a").attr("tabIndex","0");
}else{
$(this).find("a").attr("tabIndex","-1");
}
});
}
});
});

// 컨트롤 텍스트 업데이트 함수
function updateControlText(tabText) {
const prevText = `${tabText} 이전`;
const nextText = `${tabText} 다음`;

$('.bx-controls-direction .bx-prev').text(prevText);
$('.bx-controls-direction .bx-next').text(nextText);
}

});
오 이렇게 해서 수정했어요 감사해요!!!!!!