[Issue] Collapsible Element in Postbit

[jamesyfx]

Hi, this ones quite complicated, I'm wondering if there's anything that can be done about it:

In the postbit I have placed different video game score cards (e.g. Steam, Xbox LIVE, PlayStation Network), and I've designed them so they can be hidden via collapse.

I've done it so that if you collapse the element for a particular member, it will stay collapsed in all their posts. This does work fine and the setting is saved, but if the member has posted more than one time in a thread, it will only collapse their first displayed post, and not the rest.

Although - refreshing the page shows that everything has collapsed properly, so there is nothing wrong with the action - I'm just wondering if there is a way to collapse every instance without needing to refresh.

Here is the code I am using:

<if condition="$post['field11'] OR $post['field9'] OR $post['field8']">
<table cellpadding="0" cellspacing="0" width="100%" align="center">
<thead><tr>
<td class="gamecollapse"><a href="#top" onclick="return toggle_collapse('postbit_$post[userid]')">Show / Hide Gamer Cards</a></td>
</tr></thead>
<tbody id="collapseobj_postbit_$post[userid]" style="{$GLOBALS['vbcollapse']['collapseobj_postbit_'.$post['userid']]}">
<tr><td>
<if condition="$post['field11']">
<div class="jsteam" style="background: #fff url('http://steamprofile.com/steam/profile/default/$post[field11].png') no-repeat scroll 0 0">
</div></if>
<if condition="$post['field9']">
<div class="jxbl" style="background: #fff url('http://card.mygamercard.net/nxe/mini/$post[field9].png') no-repeat scroll 0 0; background-position: bottom"></div></if>
<if condition="$post[field8]">
<div class="jpsn" style="background: #fff url('http://fp.profiles.us.playstation.com/playstation/psn/pid/$post[field8].png') no-repeat scroll 0 0; background-position: -5px -57px"></div></if> 
</td></tr></tbody>
</table>
</if>

Thanks for any support. :]