Rozwijana Legenda Grup

JS  Założony przez  Chicken123.

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

Ogólnie jak zrobię rozwijaną legendę to mam tak po kliknięciu w nią:
[Obrazek: 1eZKLWc.png]

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

Tak samo jest gdy np. otworzę trzecią Grupę (wszystko jest po lewej stronie tworzone):
[Obrazek: pr5nCWt.png]

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

[Obrazek: vTV1r52.png]

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.
Cytat:w pół dnia stałeś się lepszym pytonistą niż kawenanowo kiedykolwiek programisto :3 ~ Riess 13.11.2018 16:28
Cytat:ale z tą nazwą to fyeem ma racje  ~ Divir 29.07.2019 16:08
@"Fyeem", Tutaj testuje te różne rzeczy
https://zabijamypl.000webhostapp.com/index.php



Użytkownicy przeglądający ten wątek:

1 gości