JS Rozwijana Legenda Grup

Witam, mam mały problem/pytanie co do niej, ogólnie rozwijaną grupę mam stąd KLIK!.


Ogólnie jak zrobię rozwijaną legendę to mam tak po kliknięciu w nią:


A chciałbym żeby było po kliknięciu w nią tak aby zostały pozostałe grupy na górze:


Tak samo jest gdy np. otworzę trzecią Grupę (wszystko jest po lewej stronie tworzone):


A chciałbym żeby było pod grupą:



Nie wiem czy leży to po stronie JS czy trzeba coś w kodzie Legendy zmienić, jeżeli ktoś jest w stanie pomóc to dziękuje.
Mam nadzieję że każdy kto to czyta wie o co mi chodzi 

Kod Legendy:

<a href="javascript:ShowHide('okinko1')"><span style="color: #3448c9;font-weight:bold;text-shadow:0 0 5px rgba(52, 72, 201, 0.5);"><i class="fa fa-hdd"></i> Właściciel Serwera <i class="fa fa-caret-down"></i></span></a>,

<div id="okinko1" BORDER style="display: none;"><br />
<span style="color: #3448c9;font-weight:bold;text-shadow:0 0 5px rgba(52, 72, 201, 0.5);"><i class="fa fa-hdd"></i> Właściciel CS 1.6 <sup>DD2</sup></span><br>
<span style="color: #3448c9;font-weight:bold;text-shadow:0 0 5px rgba(52, 72, 201, 0.5);"><i class="fa fa-hdd"></i> Właściciel CS 1.6 <sup>PB</sup></span><br>
<span style="color: #3448c9;font-weight:bold;text-shadow:0 0 5px rgba(52, 72, 201, 0.5);"><i class="fa fa-hdd"></i> Właściciel CS 1.6 <sup>ZM</sup></span>
</div>

<a href="javascript:ShowHide('okinko2');"> <span style="color: #FFAB00;font-weight:bold;text-shadow:0 0 5px rgba(0, 102, 122, 0.5);"><i class="fa fa-graduation-cap"></i> Opiekun Serwera <i class="fa fa-caret-down"></i></span></a>,
<div id="okinko2" BORDER style="display: none;"><br />
<span style="color: #FFAB00;font-weight:bold;text-shadow:0 0 5px rgba(0, 102, 122, 0.5);"><i class="fa fa-graduation-cap"></i> Opiekun CS 1.6 <sup>DD2</sup></span><br>
<span style="color: #FFAB00;font-weight:bold;text-shadow:0 0 5px rgba(0, 102, 122, 0.5);"><i class="fa fa-graduation-cap"></i> Opiekun CS 1.6 <sup>PB</sup></span><br>
<span style="color: #FFAB00;font-weight:bold;text-shadow:0 0 5px rgba(0, 102, 122, 0.5);"><i class="fa fa-graduation-cap"></i> Opiekun CS 1.6 <sup>ZM</sup></span>
</div>

<a href="javascript:ShowHide('okinko3');"> <span style="color: #38b0de; font-weight:bold;"><i class="fa fa-gamepad"></i> Admin Serwera <i class="fa fa-caret-down"></i></span></a>,
<div id="okinko3" BORDER style="display: none;"><br />
<span style="color: #38b0de; font-weight:bold;"><i class="fa fa-gamepad"></i> Admin CS 1.6 <sup>DD2</sup></span><br>
<span style="color: #38b0de; font-weight:bold;"><i class="fa fa-gamepad"></i> Admin CS 1.6 <sup>PB</sup></span><br>
<span style="color: #38b0de; font-weight:bold;"><i class="fa fa-gamepad"></i> Admin CS 1.6 <sup>ZM</sup></span>

</div>

Podaj adres forum.

@"Fyeem", Tutaj testuje te różne rzeczy
https://zabijamypl.000webhostapp.com/index.php