jQuery Show / Hide in a woltlab Board?

jQuery Show / Hide in a woltlab Board?

Hey guys,

does anybody know to use the show / hide jquery plugin with the board-software wbb (http://www.woltlab.com/index_en.php)?

I want to use it to show / hide the each categorys - please look at the signs: 

to make it smoother, because know when a visitor push the button, the page reload. please look here: http://yourwbb.de/index.php?hidecat=140

I need a solution for the version wbb lite 1.0.2

Here is the sourcecode from the show / hide buttons in the board - maybe it will help you:

from the index.php --->
  1. if(isset($_COOKIE['hidecats'])) $hidecats=decode_cookie($_COOKIE['hidecats']);
    else $hidecats=array();

    if(isset($_GET['hidecat'])) {
     $hidecats[$_GET['hidecat']]=1;
     if($wbbuserdata['usecookies']==1) encode_cookie("hidecats",time()+3600*24*365,false);
     else encode_cookie("hidecats");
    }
    if(isset($_GET['showcat'])) {
     $hidecats[$_GET['showcat']]=0;
     if($wbbuserdata['usecookies']==1) encode_cookie("hidecats",time()+3600*24*365,false);
     else encode_cookie("hidecats");
    }












board.php --->

  1. if(isset($_COOKIE['hidecats'])) $hidecats=decode_cookie($_COOKIE['hidecats']);
    else $hidecats=array();

    if(isset($_GET['hidecat'])) {
     $hidecats[$_GET['hidecat']]=1;
     if($wbbuserdata['usecookies']==1) encode_cookie("hidecats",time()+3600*24*365,false);
     else encode_cookie("hidecats");
    }
    if(isset($_GET['showcat'])) {
     $hidecats[$_GET['showcat']]=0;
     if($wbbuserdata['usecookies']==1) encode_cookie("hidecats",time()+3600*24*365,false);
     else encode_cookie("hidecats");
    }












index_catbit2.tpl --->

  1. <tr bgcolor="{tablecatcolor}" id="tablecat">
     <td colspan="6"><table cellpadding=0 cellspacing=0>
      <tr>
       $show_hide<td><normalfont color="{fontcolorthird}"><a href="board.php?boardid=$boards[boardid]&sid=$session[hash]"><img src="{imagefolder}/catid$boards[boardid].png" border="0" alt="" /></a></font><smallfont color="{fontcolorthird}">$boards[description]</font></td>
      </tr>
     </table></td>
    </tr>





index_catbit2.tpl --->

  1. <tr>
     <td bgcolor="{tablecolorb}" id="tableb" align="center"><img src="{imagefolder}/$onoff.gif" border=0></td>
     <td bgcolor="{tablecatcolor}" id="tablecat" colspan=5><table cellpadding=0 cellspacing=0>
      <tr>
       <td><normalfont color="{fontcolorthird}"><a href="board.php?boardid=$boards[boardid]&sid=$session[hash]"><b>$boards[title]</b></a></font><smallfont color="{fontcolorthird}">$boards[description]</font></td>
      </tr>
     </table></td>
    </tr>






index_catbit3.tpl --->

  1. <tr>
     <td bgcolor="{tablecolorb}" id="tableb" align="center"><normalfont>&nbsp;</font></td>
     <td bgcolor="{tablecatcolor}" id="tablecat" colspan=4><table cellpadding=0 cellspacing=0>
      <tr>
       <td><img src="{imagefolder}/$onoff.gif" border=0></td>
       <td><normalfont color="{fontcolorthird}"><a href="board.php?boardid=$boards[boardid]&sid=$session[hash]"><b>$boards[title]</b></a></font><smallfont color="{fontcolorthird}">$boards[description]</font></td>
      </tr>
     </table></td>
    </tr>










index_catbit_show.tpl -->

  1. <td valign="middle"><a href="?showcat=$boards[boardid]&#038;#038;sid=$session[hash]"><img src="{imagefolder}/index_catbit_show.gif" alt="Kategorie minimieren" border="0" align="left"></a></td>

index_catbit_hide.tpl -->

  1. <td valign="middle"><a href="?hidecat=$boards[boardid]&#038;#038;sid=$session[hash]"><img src="{imagefolder}/index_catbit_hide.gif" title="Kategorie minimieren" border="0" align="left"></a></td>



Best regards

Maximus