Colocar botao para fechar categoria

Qual é minha questão:
Olá, eu queria esse botão para quando clicar nele, a categoria se fechar:

eu vi nesse forum:
http://coffeemix.forumeiros.com/forum

acho que é pelo index_box, então eu tenho os dois (o dele e o meu) ele me passou o dele para eu inclementar no meu, mas não consegui...

o dele:

Código:

 <div class="pun-crumbs">
                  <p class="crumbs"><a href="{U_INDEX}" original-title="{L_INDEX}<strong>{NAV_CAT_DESC}</strong>">{L_INDEX}</a><strong>{NAV_CAT_DESC}</strong></p>
                </div>
                <div class="main">

                <!-- BEGIN catrow -->
       


                  <!-- BEGIN tablehead -->
                  <div class="tcatBar">
                  <div class="tcatLeft"><div class="tcatRight foruminfo L1 collapse">
                      <h2>
                  <span class="forumtitle"><a href="#top"><font color="#546C7E">{catrow.tablehead.L_FORUM}</font></a>
                      </span>
             
           
                      </h2>
                    <div class="collapse tcatCollapse"><a class="thuvao" style="display:none"><img src="http://www.completevb.com/demovb4/images/styles/lifeElement/buttons/collapse_tcat.png"/></a><a class="mora"><img src="http://www.completevb.com/demovb4/images/styles/lifeElement/buttons/collapse_tcat_collapsed.png"/></a></div>
                  </div></div>
                </div>
                  <div class="forumbitBody">
                <div class="thead_bar">
                  <div class="theadrow table">
                      <div class="foruminfo td">
                        <div class="forumdata">

                            <div class="datacontainer">
                            Titulo
                            </div>
                        </div>
                      </div>
                      <div class="forumactionlinks td">
               
                      </div>
                      <div class="forumstats td" align="center">

               
                      </div>
                      <div class="forumlastpost td">
                        Ultimo post
                      </div>

                  </div>
                </div>
                  <div class="main-content"><table class="table" cellspacing="1" cellpadding="5" border="0"><tbody class="statused">
                                  <!-- END tablehead -->

                  <!-- BEGIN forumrow -->
                                  <tr>
                <td class="tcl" style="padding-right: {catrow.forumrow.INC_LEVEL_RIGHT}; padding-left: 62px;">
                                    <span class="status" style="margin-right: -42px; margin-left: -52px ">
                                        <img title="{catrow.forumrow.L_FORUM_FOLDER_ALT}" src="{catrow.forumrow.FORUM_FOLDER_IMG}" alt="{catrow.forumrow.L_FORUM_FOLDER_ALT}" />
                                    </span>







                                    <h{catrow.forumrow.LEVEL} class="hierarchy">    <a class="forumtitle" href="{catrow.forumrow.U_VIEWFORUM}">{catrow.forumrow.FORUM_NAME}</a> </h{catrow.forumrow.LEVEL}>
                                    <br />
                <!-- BEGIN switch_moderators_links -->
                         
                                    {catrow.forumrow.switch_moderators_links.L_MODERATOR}{catrow.forumrow.switch_moderators_links.MODERATORS}
                                    <!-- END switch_moderators_links -->

                {catrow.forumrow.L_LINKS}{catrow.forumrow.LINKS}
                                <span style="float: left; margin: 15px 0px 0px 10px; width: 75%;">

                  {catrow.forumrow.FORUM_DESC}

                </span>



                <!-- BEGIN switch_moderators_links -->
                                    <br />

                                    <!-- END switch_moderators_links -->
                                    {catrow.forumrow.L_LINKS}{catrow.forumrow.LINKS}
                                    <strong>{forumrow.L_SUBFORUM_STR}</strong> {forumrow.SUBFORUMS}
                                  </td>

                                                                            <td class="tc2">


                                                                                                      {catrow.forumrow.TOPICS}
                                                      <strong> Topicos</strong>
                                      <p>{catrow.forumrow.POSTS}<strong> Mensagens</strong></p>


                                    </td>
                                                 
                                  <td class="tcr">
                                    <span>
                                                                                              <div id="forums-stats">
                                    <!-- BEGIN switch_topic_title -->
                                                                                                <div class="test">
                                    <div class="bordas"><a href="{catrow.forumrow.U_LATEST_TOPIC}">{catrow.forumrow.LATEST_TOPIC_NAME}</a><br />
                                                                                                </div>
                                                                                                  <!-- END switch_topic_title -->
                                    {catrow.forumrow.USER_LAST_POST}
                                        </div>
                                                                          </span>
                                                       
                                  </td>
                   
                              </tr>
                  <!-- END forumrow -->
                  <!-- BEGIN tablefoot -->
                        </tbody>                                          </table> </div>
                  <div class="bottomBar"><div class="bottomBarLeft"><div class="bottomBarRight"> </div></div></div>
                  </div>
                  <!-- END tablefoot -->
                <!-- END catrow -->

                </div>

                <!-- BEGIN switch_on_index -->
                <div class="main-box clearfix">
                  <ul>
                      <li><a href="{U_TODAY_ACTIVE}">{L_TODAY_ACTIVE}</a></li>
                      <li><a href="{U_TODAY_POSTERS}">{L_TODAY_POSTERS}</a></li>
                      <li><a href="{U_OVERALL_POSTERS}">{L_OVERALL_POSTERS}</a></li>
                  </ul></div>
                  <!-- BEGIN switch_delete_cookies -->
                  <p class="right">
                      <a href="{switch_on_index.switch_delete_cookies.U_DELETE_COOKIES}">{switch_on_index.switch_delete_cookies.L_DELETE_COOKIES}</a>
                  </p>
                  <!-- END switch_delete_cookies -->
                </div>
                <!-- END switch_on_index -->
                                               
                                               
                                               
                                           
       
                                                          <script type="text/javascript">
                $(".subforumFMvi a").each(function () {
                  $(this).replaceWith('<option value="' + $(this).attr("href") + '">|-- ' + $(this).text() + '</option>');
                });
                $(".subforumFMvi option").each(function () {
                  $(this).appendTo($(this).parent().prev())
                });
                $(".subforumFMvi").each(function () {
                  if ($(this).text() == "") {
                      $(this).prev().remove();
                      $(this).remove();
                  } else {
                      $(this).prev().show()
                  }
                });
                </script>
                              <style>



                /* bảng thống kê vbb */
                .wgo_block {
                margin: 0;
                }
                .wgo_block {
                display: block;
                -moz-border-radius-topright: 5px;
                -moz-border-radius-topleft: 5px;
                -webkit-border-top-right-radius: 5px;
                -webkit-border-top-left-radius: 5px;
                border-top-right-radius: 5px;
                border-top-left-radius: 5px;
                -moz-box-shadow: -2px 0px 2px #C8C8C8;
                -webkit-box-shadow: -2px 0px 2px #C8C8C8;
                box-shadow: -2px 0px 2px #C8C8C8;
                margin-bottom: 0px;
                }
                .block {
                background: transparent none;
                clear: both;
                padding: 0;
                color: ;
                font: ;
                }
                #forums *, #wgo *, #forumbits * {
                -moz-border-radius: 0 !important;
                -webkit-border-radius: 0 !important;
                }
                .wgo_block .blockbody {
                border: 1px solid #C4C4C4;
                background: #FDFEFF url(http://forum.vipautopro.com/images/gradients/gradient-greytowhite.png) repeat-x;
                _background-image: none;
                    width: 100%;
                }
                .formcontrols {
                border-right: 1px solid #B9C4CD;
                border-left: 1px solid #B9C4CD;
                border-bottom: 1px solid #B9C4CD;
                }
                .wgo_block .section {
                display: block;
                padding: 0 0 0.5em;
                font: 12px;
                color: #3E3E3E;
                clear: both;
                width: 100%;
                background: #FDFEFF url(http://forum.vipautopro.com/images/styles/ShinyBlue/style/forumRowBG.gif) repeat-x left bottom;
                font-size: 9pt;
                }
                .formcontrols > :first-child, .formcontrols .blocksubhead + .blockrow, .formcontrols .section .blockrow:first-child {
                border-top: none;
                }
                .wgo_block .section div, .wgo_block .section ol {
                padding-left: 20px;
                }
                .blocksubhead {
                font: normal 12px;
                color: #3E3E3E;
                background: #E9E9E9 none repeat-x;
                padding: 4px 10px 4px 10px;
                border-top: 1px solid #CECECE;
                }
                .wgo_block .blocksubhead {
                font: normal 13px;
                color: #3E3E3E;
                background: transparent;
                }

                .floatcontainer::after, .formcontrols .blockrow::after, dl.stats::after {
                content: ".";
                display: block;
                height: 0;
                clear: both;
                visibility: hidden;
                    }</style>
                <script type="text/javascript">//<![CDATA[
                $(function(){$(".mora").click(function(){$(this).hide().prev().show();$(this).parents(".tcatBar").next().slideToggle("slow").next().slideToggle("fast");});$(".thuvao").click(function(){$(this).hide().next().show();$(this).parents(".tcatBar").next().slideToggle("slow").next().slideToggle("fast");});});//]]></script>
                <style>.test{
                line-height: 16.1px;
                position: relative;
                  }</style>

o meu:

Código:

<div class="pun-crumbs">
  <p class="crumbs"><a href="{U_INDEX}">{L_INDEX}</a><strong>{NAV_CAT_DESC}</strong></p>
</div>
<div class="main">
<!-- BEGIN catrow -->
  <!-- BEGIN tablehead -->
  <div class="boxfmvi">
      <div class="main-head">
        <div class="page-title">{catrow.tablehead.L_FORUM}</div>
      </div>
      <div class="main-content">
        <table cellspacing="0" class="table">
           
            <tbody class="statused">
  <!-- END tablehead -->

  <!-- BEGIN forumrow -->
              <tr> 
                                          <td class="tc2">
                                            <span class="status" style="margin-right: -{catrow.forumrow.INC_WIDTH_ICON}; margin-left: -{catrow.forumrow.INC_WIDTH_ICON};">
                       
                                              <img title="{catrow.forumrow.L_FORUM_FOLDER_ALT}" src="{catrow.forumrow.FORUM_FOLDER_IMG}" alt="{catrow.forumrow.L_FORUM_FOLDER_ALT}" />
                    </span>
                                          </td>
                  <td class="tcl" style="padding-right: {catrow.forumrow.INC_LEVEL_RIGHT}; padding-left: {catrow.forumrow.INC_LEVEL_LEFT};">
                   
                                                  <h{catrow.forumrow.LEVEL} class="hierarchy"><a href="{catrow.forumrow.U_VIEWFORUM}" class="forumtitle">{catrow.forumrow.FORUM_NAME}</a></h{catrow.forumrow.LEVEL}>
                    <br />
                   
                      <p class="reppost" style="width:auto;"><span> » Tópicos: <span style="color:#FF0145;font-size:12px;">{catrow.forumrow.TOPICS}</span></span>  <span> » Posts: <span style="color:#0790FF;font-size:12px">{catrow.forumrow.POSTS}</span></span></p>
                    {catrow.forumrow.L_LINKS}{catrow.forumrow.LINKS}
                    <strong>{forumrow.L_SUBFORUM_STR}</strong> {forumrow.SUBFORUMS}
                  </td>
                 
                  <td class="tcr">
                    <span>
                   
                    <a href="{catrow.forumrow.U_LATEST_TOPIC}" title="{catrow.forumrow.LATEST_TOPIC_TITLE}">{catrow.forumrow.LATEST_TOPIC_NAME}</a>
                                                          <br />
                   
                    {catrow.forumrow.USER_LAST_POST}
                                                  </span>
         
                                               
                 
                  </td>
              </tr>
  <!-- END forumrow -->

  <!-- BEGIN tablefoot -->
            </tbody>
        </table>
      </div>
  </div>
  <!-- END tablefoot -->
<!-- END catrow -->
</div>

<!-- BEGIN switch_on_index -->
<div class="main-box clearfix">
  <ul>
      <li><a href="{U_TODAY_ACTIVE}">{L_TODAY_ACTIVE}</a></li>
      <li><a href="{U_TODAY_POSTERS}">{L_TODAY_POSTERS}</a></li>
      <li><a href="{U_OVERALL_POSTERS}">{L_OVERALL_POSTERS}</a></li>
  </ul>
  <!-- BEGIN switch_delete_cookies -->
  <p class="right">
      <a href="{switch_on_index.switch_delete_cookies.U_DELETE_COOKIES}">{switch_on_index.switch_delete_cookies.L_DELETE_COOKIES}</a>
  </p>
  <!-- END switch_delete_cookies -->
</div>
<!-- END switch_on_index -->

Links e imagens do meu problema:
Não é necessário.

Endereço do meu fórum:
http://rmbr.forumeiros.com

Versão do meu fórum:
PUNBB

Olá,

Leia:

https://ajuda.forumeiros.com/t23387-

Até Mais.

aki bugo tudo, pq eu editei meu index_box '-' nao tem como editar ele pra mim não?

Código:

<div class="pun-crumbs">
  <p class="crumbs"><a href="{U_INDEX}">{L_INDEX}</a><strong>{NAV_CAT_DESC}</strong></p>
</div>
<div class="main">
<!-- BEGIN catrow -->
  <!-- BEGIN tablehead -->
  <div class="boxfmvi">
      <div class="main-head">
        <div class="page-title">{catrow.tablehead.L_FORUM}</div>
      </div>
      <div class="main-content">
        <table cellspacing="0" class="table">
         
            <tbody class="statused">
  <!-- END tablehead -->

  <!-- BEGIN forumrow -->
              <tr>
                                          <td class="tc2">
                                            <span class="status" style="margin-right: -{catrow.forumrow.INC_WIDTH_ICON}; margin-left: -{catrow.forumrow.INC_WIDTH_ICON};">
                     
                                              <img title="{catrow.forumrow.L_FORUM_FOLDER_ALT}" src="{catrow.forumrow.FORUM_FOLDER_IMG}" alt="{catrow.forumrow.L_FORUM_FOLDER_ALT}" />
                    </span>
                                          </td>
                  <td class="tcl" style="padding-right: {catrow.forumrow.INC_LEVEL_RIGHT}; padding-left: {catrow.forumrow.INC_LEVEL_LEFT};">
                 
                                                  <h{catrow.forumrow.LEVEL} class="hierarchy"><a href="{catrow.forumrow.U_VIEWFORUM}" class="forumtitle">{catrow.forumrow.FORUM_NAME}</a></h{catrow.forumrow.LEVEL}>
                    <br />
                 
                      <p class="reppost" style="width:auto;"><span> » Tópicos: <span style="color:#FF0145;font-size:12px;">{catrow.forumrow.TOPICS}</span></span>  <span> » Posts: <span style="color:#0790FF;font-size:12px">{catrow.forumrow.POSTS}</span></span></p>
                    {catrow.forumrow.L_LINKS}{catrow.forumrow.LINKS}
                    <strong>{forumrow.L_SUBFORUM_STR}</strong> {forumrow.SUBFORUMS}
                  </td>
               
                  <td class="tcr">
                    <span>
                 
                    <a href="{catrow.forumrow.U_LATEST_TOPIC}" title="{catrow.forumrow.LATEST_TOPIC_TITLE}">{catrow.forumrow.LATEST_TOPIC_NAME}</a>
                                                          <br />
                 
                    {catrow.forumrow.USER_LAST_POST}
                                                  </span>
       
                                             
               
                  </td>
              </tr>
  <!-- END forumrow -->

  <!-- BEGIN tablefoot -->
            </tbody>
        </table>
      </div>
  </div>
  <!-- END tablefoot -->
<!-- END catrow -->
</div>

<!-- BEGIN switch_on_index -->
<div class="main-box clearfix">
  <ul>
      <li><a href="{U_TODAY_ACTIVE}">{L_TODAY_ACTIVE}</a></li>
      <li><a href="{U_TODAY_POSTERS}">{L_TODAY_POSTERS}</a></li>
      <li><a href="{U_OVERALL_POSTERS}">{L_OVERALL_POSTERS}</a></li>
  </ul>
  <!-- BEGIN switch_delete_cookies -->
  <p class="right">
      <a href="{switch_on_index.switch_delete_cookies.U_DELETE_COOKIES}">{switch_on_index.switch_delete_cookies.L_DELETE_COOKIES}</a>
  </p>
  <!-- END switch_delete_cookies -->
</div>
<!-- END switch_on_index -->

Olá,

Aqui está:

Código:

<div class="pun-crumbs">
  <p class="crumbs"><a href="{U_INDEX}">{L_INDEX}</a><strong>{NAV_CAT_DESC}</strong></p>
</div>
<div class="main"><script type="text/javascript">var num= 0; var curc;</script>
<!-- BEGIN catrow -->
  <!-- BEGIN tablehead -->
      <div class="main-head" onClick=" if(this.nextSibling.style.display=='none') {my_setcookie(this.firstChild.id,'0',0,0); this.nextSibling.style.display='block';} else {my_setcookie(this.firstChild.id,'1',1,0); this.nextSibling.style.display='none'; }"  style="cursor:pointer;">
        <div class="page-title" id="cret">{catrow.tablehead.L_FORUM}</div><script type="text/javascript">curc= document.getElementById('cret'); curc.id+=(++num)+'_'+escape(curc.innerHTML);</script>
      </div>
      <div class="main-content">
        <script type="text/javascript">if(my_getcookie(curc.id)=='1') curc.parentNode.nextSibling.style.display='none';</script>
        <table cellspacing="0" class="table">
         
            <tbody class="statused">
  <!-- END tablehead -->

  <!-- BEGIN forumrow -->
              <tr>
                                          <td class="tc2">
                                            <span class="status" style="margin-right: -{catrow.forumrow.INC_WIDTH_ICON}; margin-left: -{catrow.forumrow.INC_WIDTH_ICON};">
                     
                                              <img title="{catrow.forumrow.L_FORUM_FOLDER_ALT}" src="{catrow.forumrow.FORUM_FOLDER_IMG}" alt="{catrow.forumrow.L_FORUM_FOLDER_ALT}" />
                    </span>
                                          </td>
                  <td class="tcl" style="padding-right: {catrow.forumrow.INC_LEVEL_RIGHT}; padding-left: {catrow.forumrow.INC_LEVEL_LEFT};">
                 
                                                  <h{catrow.forumrow.LEVEL} class="hierarchy"><a href="{catrow.forumrow.U_VIEWFORUM}" class="forumtitle">{catrow.forumrow.FORUM_NAME}</a></h{catrow.forumrow.LEVEL}>
                    <br />
                 
                      <p class="reppost" style="width:auto;"><span> » Tópicos: <span style="color:#FF0145;font-size:12px;">{catrow.forumrow.TOPICS}</span></span>  <span> » Posts: <span style="color:#0790FF;font-size:12px">{catrow.forumrow.POSTS}</span></span></p>
                    {catrow.forumrow.L_LINKS}{catrow.forumrow.LINKS}
                    <strong>{forumrow.L_SUBFORUM_STR}</strong> {forumrow.SUBFORUMS}
                  </td>
               
                  <td class="tcr">
                    <span>
                 
                    <a href="{catrow.forumrow.U_LATEST_TOPIC}" title="{catrow.forumrow.LATEST_TOPIC_TITLE}">{catrow.forumrow.LATEST_TOPIC_NAME}</a>
                                                          <br />
                 
                    {catrow.forumrow.USER_LAST_POST}
                                                  </span>
       
                                             
               
                  </td>
              </tr>
  <!-- END forumrow -->

  <!-- BEGIN tablefoot -->
            </tbody>
        </table>
      </div>
  </div>
  <!-- END tablefoot -->
<!-- END catrow -->
</div>

<!-- BEGIN switch_on_index -->
<div class="main-box clearfix">
  <ul>
      <li><a href="{U_TODAY_ACTIVE}">{L_TODAY_ACTIVE}</a></li>
      <li><a href="{U_TODAY_POSTERS}">{L_TODAY_POSTERS}</a></li>
      <li><a href="{U_OVERALL_POSTERS}">{L_OVERALL_POSTERS}</a></li>
  </ul>
  <!-- BEGIN switch_delete_cookies -->
  <p class="right">
      <a href="{switch_on_index.switch_delete_cookies.U_DELETE_COOKIES}">{switch_on_index.switch_delete_cookies.L_DELETE_COOKIES}</a>
  </p>
  <!-- END switch_delete_cookies -->
</div>
<!-- END switch_on_index -->

Até mais.

ta bugado ainda..

Buenas!

Lhe aconselho que substitua o código fornecido por mim na mensagem anterior, por este:

Código:

<div class="pun-crumbs">
  <p class="crumbs"><a href="{U_INDEX}">{L_INDEX}</a><strong>{NAV_CAT_DESC}</strong></p>
</div>
<div class="main"><script type="text/javascript">var num= 0; var curc;</script>
<!-- BEGIN catrow -->
  <!-- BEGIN tablehead -->
      <div class="main-head" onClick=" if(this.nextSibling.style.display=='none') {my_setcookie(this.firstChild.id,'0',0,0); this.nextSibling.style.display='block';} else {my_setcookie(this.firstChild.id,'1',1,0); this.nextSibling.style.display='none'; }"  style="cursor:pointer;">
        <div class="page-title" id="cret">{catrow.tablehead.L_FORUM}</div><script type="text/javascript">curc= document.getElementById('cret'); curc.id+=(++num)+'_'+escape(curc.innerHTML);</script>
      </div>
      <div class="main-content">
        <script type="text/javascript">if(my_getcookie(curc.id)=='1') curc.parentNode.nextSibling.style.display='none';</script>
        <table cellspacing="0" class="table">
         
            <tbody class="statused">
  <!-- END tablehead -->

  <!-- BEGIN forumrow -->
              <tr>
                                          <td class="tc2">
                                            <span class="status" style="margin-right: -{catrow.forumrow.INC_WIDTH_ICON}; margin-left: -{catrow.forumrow.INC_WIDTH_ICON};">
                     
                                              <img title="{catrow.forumrow.L_FORUM_FOLDER_ALT}" src="{catrow.forumrow.FORUM_FOLDER_IMG}" alt="{catrow.forumrow.L_FORUM_FOLDER_ALT}" />
                    </span>
                                          </td>
                  <td class="tcl" style="padding-right: {catrow.forumrow.INC_LEVEL_RIGHT}; padding-left: {catrow.forumrow.INC_LEVEL_LEFT};">
                 
                                                  <h{catrow.forumrow.LEVEL} class="hierarchy"><a href="{catrow.forumrow.U_VIEWFORUM}" class="forumtitle">{catrow.forumrow.FORUM_NAME}</a></h{catrow.forumrow.LEVEL}>
                    <br />
                 
                      <p class="reppost" style="width:auto;"><span> » Tópicos: <span style="color:#FF0145;font-size:12px;">{catrow.forumrow.TOPICS}</span></span>  <span> » Posts: <span style="color:#0790FF;font-size:12px">{catrow.forumrow.POSTS}</span></span></p>
                    {catrow.forumrow.L_LINKS}{catrow.forumrow.LINKS}
                    <strong>{forumrow.L_SUBFORUM_STR}</strong> {forumrow.SUBFORUMS}
                  </td>
               
                  <td class="tcr">
                    <span>
                 
                    <a href="{catrow.forumrow.U_LATEST_TOPIC}" title="{catrow.forumrow.LATEST_TOPIC_TITLE}">{catrow.forumrow.LATEST_TOPIC_NAME}</a>
                                                          <br />
                 
                    {catrow.forumrow.USER_LAST_POST}
                                                  </span>
       
                                             
               
                  </td>
              </tr>
  <!-- END forumrow -->

  <!-- BEGIN tablefoot -->
            </tbody>
        </table>
      </div>
  </div>
  <!-- END tablefoot -->
<!-- END catrow -->
</div>

<!-- BEGIN switch_on_index -->
<div class="main-box clearfix">
  <ul>
      <li><a href="{U_TODAY_ACTIVE}">{L_TODAY_ACTIVE}</a></li>
      <li><a href="{U_TODAY_POSTERS}">{L_TODAY_POSTERS}</a></li>
      <li><a href="{U_OVERALL_POSTERS}">{L_OVERALL_POSTERS}</a></li>
  </ul>
  <!-- BEGIN switch_delete_cookies -->
  <p class="right">
      <a href="{switch_on_index.switch_delete_cookies.U_DELETE_COOKIES}">{switch_on_index.switch_delete_cookies.L_DELETE_COOKIES}</a>
  </p>
  <!-- END switch_delete_cookies -->
</div>
<!-- END switch_on_index -->

Lembre-se de pressionar o (Publicar) no template, após a modificação.

Cordialmente!

pode dar block, ja desisti disso...