Categoria Retractil

Qual é minha questão:
categorias seria retrátil assim como aqui, eu vi tutoriais mas eu tenho servido

Endereço do meu fórum:
não é necessário

Versão:
PunBB

Olá,

adicione ao seu CSS:

Código:


/* #region ----- Expand/Contrai Categorias ----- */
.main .main-head.collapsed {
    border-radius: 4px 4px 4px 4px;
    opacity: 0.2;
}
.main-head.collapsed:hover {
    opacity: 0.4;
}
.main-head .toggle {
    background: url("http://www.ipbforumskins.com/skindemo/public/style_images/master/cat_minimize.png") no-repeat scroll 0 0 transparent;
    display: block;
    height: 25px;
    outline: 0 none;
    text-indent: -3000em;
    visibility: hidden;
    width: 25px;
}
.main-head:hover .toggle {
    visibility: visible;
}
.main-head.collapsed .toggle {
    background-image: url("http://www.ipbforumskins.com/skindemo/public/style_images/master/cat_maximize.png");
}
/* #endregion ----- Expand/Contrai Categorias ----- */

Crie um novo JavaScript (No título coloque: [b style="font-weight: bold; margin: 0px; padding: 0px;"]category_block block_wrap [/b]) '

Código:


/* #region ----- Expand/Contrai Categorias ----- */
jQuery(document).ready(function(){
    var Count_Toggle=0;
    jQuery('#main .main .main-head').each(function(){
        jQuery(this).attr('id','category_' + Count_Toggle);
        jQuery(this).next().attr('id','category_' + Count_Toggle);
        jQuery(this).next().css('display',my_getcookie('cat-'+jQuery(this).next().attr('id')));

        jQuery(this).prepend('[url=http://bestskins.forumeiros.com/#'+ Count_Toggle +']Maximizar/minimizar[/url]');
       
        var Style=jQuery(this).next();
        if(Style.css('display')=='none'){
            jQuery(this).addClass('collapsed');
        }else{
            jQuery(this).removeClass('collapsed');
        }

        jQuery(this).find('.toggle.right').click(function(){
            var Style=jQuery(this).closest('.main-head').next();
            if(Style.css('display')=='none'){
                Style.slideToggle();

                my_setcookie('cat-'+jQuery(this).closest('.main-head').next().attr('id'),'block',1,0);

                jQuery(this).parent().removeClass('collapsed');
            }else{
                Style.slideToggle();

                my_setcookie('cat-'+jQuery(this).closest('.main-head').next().attr('id'),'none',1,0);

                jQuery(this).parent().addClass('collapsed');
            }
        });
        Count_Toggle++
    })
});
/* #endregion ----- Expand/Contrai Categorias ----- */

Investimento: Índice e sub-fórum '

Se desejar vê o resultado: [Tens de ter uma conta e sessão iniciada para poderes visualizar este link] '
By: JScript

Até mais .