HTML ve jquery hakkında sorum var

Merhabalar,

Aşağıda ki 1. görselde yer alan membership, change password, contact prefences kısmı overflow-x:scroll şeklinde sağa sola scroll olmaktadır.
Yapmak istediğim Change Password'e tıklandığında şu anda otomatik olarak change password aktif hale geliyor. Fakat aktif olan tab otomatik olarak scroll olup sola yaslanması lazım. Anlayabilmeniz açısından 2. Görselde otomatik olarak scroll olacağı noktayı manuel bir şekilde getirip ekran görüntüsü olarak ekledim.


1. Görsel

2. Görsel


Nasıl yapabileceğimi yol gösterebilecek birisi varsa çok sevinirim.
Şimdiden teşekkür ederim.

Ben olsam şöyle bir yöntem izlerdim. Jquery kullanıyorsunuz sanırım.

Overflow-x olan div kapsayıcı büyük ihtimal. Kodlarınızı göremiyorum ama varsayımlar üzerinden hareket edersek;

Bu div'e

display:flex;
align-items:center;
overflow-x:auto;
flex-wrap;nowrap;

Css ini verirdim. Bu 1. aşama...

2. aşamada ise jquery ile her bir item'a click fonksiyonuyla 'active' classı ekler. siblings metodu ile de tıklanmayanlardan 'active' classını remove ederdim.. Bu 2. aşama

3. aşamada ise active classına sahip item'a css ile order:1 verip istediğiniz sonuca ulaşırdım.

Bu aşamaları uygulamanız yeterli.