Zwijana tabelka

wersja skryptu MyBB: 1.6.2
adres forum: Forum3Bu
na czym polega problem (screen, opis, komunikaty, nazwa stylu/theme/szablonu):

Chciałbym zrobić zwijaną tabelkę z radiem. Tak że po wejściu na forum jest zwinięte a jak klikne rozwiń to się rozwija tak jak np działy. Wszystko mam już umieszczone wyświetla się prawidłowo ale jak klikne przycisk do zwijania to się nie zwija radio. Mam taki kod umieszczony:

<table width="100%"  border="0">
  <tr>
    <td width="80%" valign="top">{$forums}</td>
    <td width="25%" valign="top">

<table border="0" cellspacing="1" cellpadding="4" class="tborder">
<tbody>
<tr>
<div class="thead_main">
<div class="thead_left">
<div class="thead_right">
<div class="thead_text">
<div class="expcolimage">
<img src="http://3bu.bugs3.com/images/thecure/collapse_collapsed.gif" id="cat_13_img" class="expander" alt="[+]" title="[+]" style="cursor: pointer; ">
</div>
<div><strong><center>Radio</center></strong></div>
</div>
</div>
</div>
</div>


</tr>
<tr>
<td class="trow1" align="center">
<iframe src='http://pulsstacja.fm/staty_black2/glowny.php' width='206' height='350' frameborder='0' scrolling='no'></iframe>
</td>
</tr>
</tbody>
</table>
<br />
</td>
  </tr>
</table> 


Spróbuj zamienić cały kod na poniższy:

<table width="100%"  border="0">
  <tr>
    <td width="80%" valign="top">{$forums}</td>
    <td width="25%" valign="top">

<table border="0" cellspacing="{$theme['borderwidth']}" cellpadding="{$theme['tablespace']}" class="tborder">
<tr>
    <td class="tcat">
        <div class="expcolimage"><img src="{$theme['imgdir']}/collapse{$collapsedimg['radionet']}.gif" id="radionet_img" class="expander" alt="[-]" title="[-]" /></div>
        <div><span class="smalltext"><strong>Radio</strong></span></div>
    </td>
</tr>
<tbody style="{$collapsed['radionet_e']}" id="radionet_e">
    <tr><td class="trow1"><iframe src='http://pulsstacja.fm/staty_black2/glowny.php' width='206' height='350' frameborder='0' scrolling='no'></iframe></td></tr>
</tbody>
</table>

<br />
</td>
  </tr>
</table> 


Wszystko działało tylko było tcat i nie miało zaokrąglonych boków więc przerobiłem trochę na thead_left i right żeby te zaokrąglenia były ale coś się spieprzyło bo ta strzałeczka jest wyżej niż powinna od zwijania tego i jak byś mógł zrobić tak żeby tekst był jak w kodzie podanym w 1 poście.
A i jest jeszcze tak że jak wchodzę na strone to jest rozwinięte a pasowało by mi żeby było zwinięte. Da się tak ??

A tak przerobiłem pod thead i nie wiem co jest źle z tą strzełeczką i tekstem:

<table width="100%"  border="0">
  <tr>
    <td width="80%" valign="top">{$forums}</td>
    <td width="25%" valign="top">

<table border="0" cellspacing="{$theme['borderwidth']}" cellpadding="{$theme['tablespace']}" class="tborder">
<tr>
<div class="thead_main">
<div class="thead_left">
<div class="thead_right">
        <div class="expcolimage"><img src="{$theme['imgdir']}/collapse{$collapsedimg['radionet']}.gif" id="radionet_img" class="expander" alt="[-]" title="[-]" /></div>
        <div><span class="smalltext"><strong>Radio</strong></span></div>
    </div></div></div>
</tr>
<tbody style="{$collapsed['radionet_e']}" id="radionet_e">
    <tr><td class="trow1"><iframe src='http://pulsstacja.fm/staty_black2/glowny.php' width='206' height='350' frameborder='0' scrolling='no'></iframe></td></tr>
</tbody>
</table>

<br />
</td>
  </tr>
</table>