javascript html css programowanie

Question

Witam w ramach powtórki postanowilem napisac prosty clicker. I napotkalem na pewien problem.(spokojnie bedzie link do codepena)
Elementy ktore są odblokowywane wysuwaja sie, i jak odblokowuje 1 z dolnych(zabirajac mu klase) to wszystkie dolne się wysuwają (mimo że odpowiednia klase posiadają). Górne elementy ugryzione tą samą metodą działają normalnie.
Oto code pen:
https://codepen.io/turtelian/pen/PyyYKY
efekt po clicku się pojawi, linijka zabierajaca klase s4 to plik js 18;
Dlaczego tak się dzieje i jak temu zaradzić?
Podejrzewam ze to jakies wlasciwosci flexboxa mi nie znane, i że pewnie będę musiał to ugryźć za pomocą position absolute ?

Comments

Zły dział.

Answer 1

Problem rozwiazalem dodajac dodatkowe klasy, ale dalej nei wiem czemu pierwotna wersja nie działa jak natura chciała. Byłbym wdzięczny jakby ktoś odpowiedział :) Czemu section.s5 i .s6 mimo posiadanej klasy HiddenBottom stają się widocznie gdy owa klasa zostanie zabrana z section.s4