Dołącz do zespołu ekspertów! Backend lub Frontend Developer?

Sprawdź najnowsze oferty pracy naszego partnera - 8lines.io!

Animowane zwijanie kategorii

Inne  Założony przez  albatros.

Kilka szczegółów o moim forum i stylu, z którym mam problem:
wersja skryptu MyBB: 1.6
adres forum: http://forum.samsungbada.pl
opis problemu: Próbowałem dodać animację przy zwijaniu kategorii jednak nie działa to do końca: http://forum.samsungbada.pl

<div class="thead-01"></div><div class="thead-03"></div><div class="thead">
<a href="#" onclick="Effect.toggle('toggle_appear', 'slide'); return false;"><div class="expcolimage"><img src="{$theme['imgdir']}/{$expcolimage}" id="cat_{$forum['fid']}_img" class="expander" alt="{$expaltext}" title="{$expaltext}" /></a></div>
<div><strong><a href="{$forum_url}">{$forum['name']}</a></strong><span style="padding-left: 5px;" class="smalltext">{$forum['description']}</span></div>
</div>
<div id="toggle_appear">
<table border="0" cellspacing="{$theme['borderwidth']}" cellpadding="{$theme['tablespace']}" class="tborder">
<tbody style="{$expdisplay}" id="cat_{$forum['fid']}_e">
<tr>
<td class="tcat" colspan="2"><span class="smalltext"><strong>{$lang->forumbit_forum}</strong></span></td>
<td class="tcat" width="85" align="center" style="white-space: nowrap"><span class="smalltext"><strong>{$lang->forumbit_threads}</strong></span></td>
<td class="tcat" width="85" align="center" style="white-space: nowrap"><span class="smalltext"><strong>{$lang->forumbit_posts}</strong></span></td>
<td class="tcat" width="200" align="center"><span class="smalltext"><strong>{$lang->forumbit_lastpost}</strong></span></td>
</tr>
{$sub_forums}
</tbody>
</table>
</div>
<div class="bhead-01"></div><div class="bhead-03"></div><div class="bhead-02"></div>
<br />

Możecie napisać jak poprawnie to zrobić?
Zdajesz sobie sprawe że robiące takie coś <div id="toggle_appear"> wszystkie działy dostaną takie ID?

Dwa że takie coś Effect.toggle('toggle_appear', 'slide') nie istnieje, albo appear albo slide.

Trzy, porób unikalne ID to będzie działać.
Serwery CS REKSIO:))
<div class="thead-01"></div><div class="thead-03"></div><div class="thead">
<div class="expcolimage"><a href="#" onclick="Effect.toggle('{$forum['fid']}', 'slide'); return false;"><img src="{$theme['imgdir']}/{$expcolimage}" id="cat_{$forum['fid']}_img" class="expander" alt="{$expaltext}" title="{$expaltext}" /></a></div>
<div><strong><a href="{$forum_url}">{$forum['name']}</a></strong><span style="padding-left: 5px;" class="smalltext">{$forum['description']}</span></div>
</div>
<div id="{$forum['fid']}">
<table border="0" cellspacing="{$theme['borderwidth']}" cellpadding="{$theme['tablespace']}" class="tborder">
<tbody style="{$expdisplay}" id="cat_{$forum['fid']}_e">
<tr>
<td class="tcat" colspan="2"><span class="smalltext"><strong>{$lang->forumbit_forum}</strong></span></td>
<td class="tcat" width="85" align="center" style="white-space: nowrap"><span class="smalltext"><strong>{$lang->forumbit_threads}</strong></span></td>
<td class="tcat" width="85" align="center" style="white-space: nowrap"><span class="smalltext"><strong>{$lang->forumbit_posts}</strong></span></td>
<td class="tcat" width="200" align="center"><span class="smalltext"><strong>{$lang->forumbit_lastpost}</strong></span></td>
</tr>
{$sub_forums}
</tbody>
</table>
</div>
<div class="bhead-01"></div><div class="bhead-03"></div><div class="bhead-02"></div>
<br />
?

Jak to poprawić by lepiej "współpracowało" z tym przyciskiem do zwijania? Obecnie efekt nie jest widoczny za każdym razem po kliknięciu "-".



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

2 gości