Abrir e fechar categorias

Detalhes da questão

Endereço do fórum: http://webgrafic.forumeiro.com/
Versão do fórum: PunBB

Descrição

Gostaria de colocar um ícone de "+" e "-" nas barras das categorias para poder fechar e abrir, algo como este:
- http://wasdforum.forumeiros.com/

Inocente.. Inocente, nem se quer sabe de programação mesmo!

crie um novo javascript com investimento no indice com esse codigo:

Código:

$(function(){$('.main-head:has(.page-title)').prepend('<a class="collapse tcatCollapse" id="collapse_c_cat1" href="#top" style="float: right;"><img src="http://i.imgur.com/4WCA2ra.png" alt="" style="position:absolute;right: 9px;top: 11px;"></a>');$('.main-head:has(.page-title)').mouseover(function(){$(this).find('a.collapse[id]').css('visibility','visible')});$('.main-head:has(.page-title)').mouseout(function(){$(this).find('a.collapse[id]').css('','')});$('.main-head a.collapse[id]').click(function(e){e.preventDefault()});$('.main-head a.collapse[id]').attr('onclick'," if($(this).closest('.main-head').next('.main-content:first').css('display')=='none') {my_setcookie($(this).closest('.main-head').find('.page-title').text()+'_ct','0',0,0); $(this).closest('.main-head').next('.main-content:first').slideDown(500);$(this).find('img').attr('src','http://i.imgur.com/4WCA2ra.png');$(this).closest('.main-head');$(this).closest('.main-head').removeClass('collapsed')} else {my_setcookie($(this).closest('.main-head').find('.page-title').text()+'_ct','1',0,0); $(this).closest('.main-head').next('.main-content:first').slideUp(500);$(this).find('img').attr('src','http://i.imgur.com/4RJyNmp.png'); $(this).closest('.main-head').addClass('collapsed');}");$(document).ready(function(){$('.main-head a.collapse[id]').closest('.main-head').each(function(){if(my_getcookie($(this).find('.page-title').text()+'_ct')=='1'){$(this).next('.main-content:first').css('display','none');$(this).find('a.collapse[id] img').attr('src','http://i.imgur.com/4RJyNmp.png');$(this).closest('.main-head').addClass('collapsed')}else{$(this).next('.main-content:first').css('display','block');$(this).find('a.collapse[id] img').attr('src','http://i.imgur.com/4WCA2ra.png');$(this).closest('.main-head').removeClass('collapsed')}})})});

pena que poderia ter um inicio e um fim legal seu fórum , mas assim é censurado!! kkkk

Esta criança é chatinha, será que a Forumeiros poderia banir este individuo duma vez só? Ele era o Sluk, felipe_sagaz o fórum dele: http://censurado/ será que poderiam limpar este rapaz daqui?...

Percebe tanto de programação que nem o código funciona enfim, desaparece masé...

Hum... olha o flood ai!!
se me banir tem que ser você junto, pois nós dois estamos floodando

puni nós ai @MateusAnjosV ou @RafaelS.

Não preciso do FDF , ajudei e não quiseram minha ajuda, né Mateus... E Ismael , censurado-se se não funciona, não mandei pra funcionar, só pra poder mandar a mensagem.

Quando eu não preciso do FDF pra tirar duvidas, você precisa, então quem sai perdendo diz ai? , eu ou você?

Pune ai Moderadores, eu e ele.

Já nem digo nada, porque nem sei o que vai nestas cabeças destas pessoas o_O É que nem sabem o que dizem, e melhor é quando ele me responde a mensagem privada a dizer isto:

e você não tem direito autorais de nada!! pagou pra ter essas imagens? censurado-se se está no seu fórum, tem que pagar pra ter direito dela e outra... só não podemos plagiar fóruns oficiais como FDF , shiftactif, etc.

Ou seja o trabalho que nós fizemos por nós próprios tem que ser pago para ser da nossa autoria? Hmm essa é nova!

Quando a staff poder tratar disto, porque simplesmente abro uma dúvida e ele diz apenas:

...censurado-se se não funciona, não mandei pra funcionar, só pra poder mandar a mensagem.

Penso que este individuo já devia estar excluído!

Boa noite!

Na verdade Slurk, apenas quem será banido é o senhor. Ironicamente, se não precisa, porque insiste em se expor aqui? Se bem me lembro, está banido pela eternidade.

Não preciso do FDF , ajudei e não quiseram minha ajuda, né Mateus..

Sim, nós dispensamos a ajuda de pessoas do seu tipo, muito obrigado.

O que é mais irônico ainda é isso:

Quando eu não preciso do FDF pra tirar duvidas, você precisa, então quem sai perdendo diz ai? , eu ou você?

Você quis dizer que não precisa, pressuponho: como alguém que mal consegue seguir algumas regras quer ajudar alguém? Eu sugiro muito o senhor pensar em se ajudar antes de tentar ajudar alguém.

Ismael, quanto a sua questão, você poderia utilizar o nosso search? Ele é essencial em casos comuns como esse, aposto que existem milhões de tópicos com o mesmo pedido.

Atenciosamente,
MateusAnjos.

Olá Ismael, veja se os códigos desse tópico resultam
https://ajuda.forumeiros.com/t101135-categoria-retratil

Já tinha consigo, estive a procurar demorou mas encontrei, mas queria agora deixar assim quando a categoria fecha-se fizesse um efeito de "opacity"

UP!

Olá!

Remova o código atual, e coloque este:

Código:

$(function(){$('.main-head:has(.page-title)').prepend('<a class="collapse tcatCollapse" id="collapse_c_cat1" href="#top" style="float: right;"><img src="http://i.imgur.com/4WCA2ra.png" alt="" style="position:absolute;right: 9px;top: 11px;"></a>');$('.main-head:has(.page-title)').mouseover(function(){$(this).find('a.collapse[id]').css('visibility','visible')});$('.main-head:has(.page-title)').mouseout(function(){$(this).find('a.collapse[id]').css('','')});$('.main-head a.collapse[id]').click(function(e){e.preventDefault()});$('.main-head a.collapse[id]').attr('onclick'," if($(this).closest('.main-head').next('.main-content:first').css('display')=='none') {my_setcookie($(this).closest('.main-head').find('.page-title').text()+'_ct','0',0,0); $(this).closest('.main-head').next('.main-content:first').slideDown(500);$(this).find('img').attr('src','http://i.imgur.com/4WCA2ra.png');$(this).closest('.main-head');$(this).closest('.main-head').removeClass('collapsed')} else {my_setcookie($(this).closest('.main-head').find('.page-title').text()+'_ct','1',0,0); $(this).closest('.main-head').next('.main-content:first').slideUp(500);$(this).find('img').attr('src','http://i.imgur.com/4RJyNmp.png'); $(this).closest('.main-head').addClass('collapsed');}");$(document).ready(function(){$('.main-head a.collapse[id]').closest('.main-head').each(function(){if(my_getcookie($(this).find('.page-title').text()+'_ct')=='1'){$(this).next('.main-content:first').css('display','none');$(this).find('a.collapse[id] img').attr('src','http://i.imgur.com/4RJyNmp.png');$(this).closest('.main-head').addClass('collapsed')}else{$(this).next('.main-content:first').css('display','block');$(this).find('a.collapse[id] img').attr('src','http://i.imgur.com/4WCA2ra.png');$(this).closest('.main-head').removeClass('collapsed')}})})});

Até mais.

Sem efeito amigo.

Olá!

Efeito teve, só que estava meio escondido.

Veja assim:

Código:

$(function(){$('.main-head:has(.page-title)').prepend('<a class="collapse tcatCollapse" id="collapse_c_cat1" href="#top" style="float: right;"><img src="http://i.imgur.com/4WCA2ra.png" alt="" style="position: relative; top: -3px;"></a>');$('.main-head:has(.page-title)').mouseover(function(){$(this).find('a.collapse[id]').css('visibility','visible')});$('.main-head:has(.page-title)').mouseout(function(){$(this).find('a.collapse[id]').css('','')});$('.main-head a.collapse[id]').click(function(e){e.preventDefault()});$('.main-head a.collapse[id]').attr('onclick'," if($(this).closest('.main-head').next('.main-content:first').css('display')=='none') {my_setcookie($(this).closest('.main-head').find('.page-title').text()+'_ct','0',0,0); $(this).closest('.main-head').next('.main-content:first').slideDown(500);$(this).find('img').attr('src','http://i.imgur.com/4WCA2ra.png');$(this).closest('.main-head');$(this).closest('.main-head').removeClass('collapsed')} else {my_setcookie($(this).closest('.main-head').find('.page-title').text()+'_ct','1',0,0); $(this).closest('.main-head').next('.main-content:first').slideUp(500);$(this).find('img').attr('src','http://i.imgur.com/4RJyNmp.png'); $(this).closest('.main-head').addClass('collapsed');}");$(document).ready(function(){$('.main-head a.collapse[id]').closest('.main-head').each(function(){if(my_getcookie($(this).find('.page-title').text()+'_ct')=='1'){$(this).next('.main-content:first').css('display','none');$(this).find('a.collapse[id] img').attr('src','http://i.imgur.com/4RJyNmp.png');$(this).closest('.main-head').addClass('collapsed')}else{$(this).next('.main-content:first').css('display','block');$(this).find('a.collapse[id] img').attr('src','http://i.imgur.com/4WCA2ra.png');$(this).closest('.main-head').removeClass('collapsed')}})})});

E depois na folha de estilos, o seguinte:

Código:

.main .main-head.collapsed {
    opacity: 0.6;
}

Até mais.

Perfeito e obrigado, bom natal!