Criar uma categoria retrátil

Detalhes da questão

Endereço do fórum: http://digimonxd.forumeiros.com/
Versão do fórum: PunBB

Descrição

https://i.imgur.com/G8rm3lL.png
http://demo.purevb.com/vb4/images/styles/Luburox_Blue/buttons/collapse_tcat.png
queria saber se da pra colocar no lugar do meu que está bugada :V
maximiza tambem esta bugada

Bom dia.

Por favor, faça uma busca em nossa lista de tutoriais antes de criar sua dúvida!
https://ajuda.forumeiros.com/t23387-
https://ajuda.forumeiros.com/t23387-

Atenciosamente,
Shek

Olá,

Não foi bem isso que eu pedi, mais vou explicar melhor está por exemplo quebrada a imagem queria por exemplo tipo aquela que eu descrevi ou outra.

Até

UP

Altera a imagem de subir e desce tipo desses foruns http://ipsfocus.net/4x/

up

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: 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')}})})});

A Imagem está lá mais nao funciona, e a imagem quebrada permanece lá!

Isto é porque seu antigo js está ativo... exclua ou desative o seu JS por gentileza.
e deixe apenas o que te passei...

A Imagem foi retirada, mais nao está funcionando nao está subido e nem descendo;

Troque o JS por este:

Código:

jQuery(document).ready(function(){var p=0,u='http://i.imgur.com/4WCA2ra.png',v='http://i.imgur.com/4RJyNmp.png';jQuery('#main .main .main-head').each(function(){jQuery(this).next().attr('id',p);jQuery(this).next().css('display',my_getcookie('cat-'+jQuery(this).next().attr('id')));jQuery(this).append('<img src="'+u+'" id="abrirf" style="float: right;margin-right: -1px;margin-top: -17px;"/>');jQuery(this).find('#abrirf').click(function(){var i=jQuery(this).closest('.main-head').next();if(i.css('display')=='none'){i.slideToggle();jQuery(this).attr('src',u);my_setcookie('cat-'+jQuery(this).closest('.main-head').next().attr('id'),'block',1,0)}else{i.slideToggle();jQuery(this).attr('src',v);my_setcookie('cat-'+jQuery(this).closest('.main-head').next().attr('id'),'none',1,0)}});p++})});

Resultado:

obs: ficou com 2 botões,porque ta o que eu puis, pra demonstrar que funciona e o que já está no seu javascript...

Obrigado!