szalone accordion na stronie

Ręce mi już opadają, bo to ostatia rzecz przed oddaniem strony i odzyskaniem życia. Walcze z tym od ponad 2 tygodni i dalej coś jest nie tak.

Sa na stronie 2 mechanizmy accordion, 1 w dziale services, drugi w dziale team. O ile ten w services zachowuje sie w porzadku, to mechanizm accordion w dziale TEAM dostaje kociokwiku. Zwlaszcza przy szerokosci ekranu mniejszej niz 768px

Zalożenie jest takie, ze po kliknieciu na foto osoby, ma otworzyc sie ukryty div, okno ma przescrollowac na jego gore. A tutaj czasem scrolluje na sama gore sekcji TEAM a czasem nawet na sama gore strony.

Przeczesuje fora, probuje roznych zmian i dalej nic nie pomaga. :( Blagam o jakies kolo ratunkowe, podpowiedz, ukierunkowanie, cokolwiek. Bo zaraz zaczne siwiec.

http://bit.ly/3aHn8wb wklejam przez shortener linka, zeby nie zaindeksowala sie nazwa strony z linka, bo bedzie kolejny powod do zalamki dla klientki.

Opuść sobie jakieś ręczne skrolowanie.

• Ustaw nad sekcją z opisem sztywny

<a name="costam">

albo po prostu

<div id="costam"></div>

Z kliknięciem i rozwijaniem tego diva powiąż akcję zmiany hasza w adresie:
https://www.w3schools.com/jsref/tryit.asp?filename=tryjsref_loc_hash_set

A w CSS ustaw:

HTML {
  scroll-behavior:smooth;
}

Żeby ci się płynnie przewijało (czego osobiście nienawidzę, ale większość ludzi z niepojętych dla mnie powodów uwielbia).

I będzie robiło się samo.

Kliknij na zdjęcie osoby tak, żeby rozwinąć opis, a następnie kliknij jeszcze raz i zobacz co się dzieje. Nie wiem na jakiej zasadzie u Ciebie działa scrollowanie do zadanej wysokości strony, ale wartość jest odczytywana przed schowaniem diva.

Jeżeli otwierasz accordion, zamykasz i robisz tak z kolejną osobą to działa poprawnie?