Jquery function not working to all buttons

Question

i am trying to make an click function where buttons are same class name. problem is when i click the first accordion-button my code is working but not for all accordion-buttons heres the code

 $('.accordion-button').on('click',function(){
  if($('.accordion-button').attr('aria-expanded') === "true"){
    $(this).find('.featherIcon').addClass('active');
    console.log('Clicked');
    
  } 
 else if($('.accordion-button').attr('aria-expanded') === "false"){
    $('.featherIcon').removeClass('active');
    console.log('false');
  } 
});