Botão Hide/Show nas Categorias dos Fóruns

Detalhes da questão

Descrição

Primeiramente queria desejar um bom dia e bom ano para todos aqui!
Eu já vim aqui algumas vezes pedi alguma ajuda com java script, porque infelizmente isso é realmente algo que não consigo dominar, então estou mais uma vez testando minhas habilidades de codificações em uma skin nova e vi em um fórum um botão que agia quase como um menu java hide/show, pois quando clicava em cima do mesmo todos os fóruns existentes na categoria em questão eram escondidos. Venho aqui, por mais que sinta que estou atrapalhando, para tentar saber se algum de vocês poderia me ajudar com esse pequeno problema ><
Segue abaixo a imagem do botão já colocado no meu fórum, mas ainda não funciona por está sem o java.
https://i.imgur.com/B1wZa7R.png

Saah ' escreveu:

Bom Dia :3
O tutorial mandado na mensagem me ajudou muito, mas gostaria de saber se há algum problema em colocá-lo diretamente no template do fórum ou coisa do tipo? Porque pretendo utilizar um código de imagem na descrição dos fóruns e acho que colocar o script descrito naquele tutorial em cada descrição ia ficar muito cansativo além de que quero evitar riscos de apagá-lo sem querer.
Além dessa dúvida queria saber se há como colocar uma imagem para quando clicasse em cima ocorresse esse efeito de retração e se há também alguma maneira de mudar algo dele no css, como por exemplo o tempo de transição e etc. Peço desculpas por tantas dúvidas, mas creio que só será mais isso. ><

Código:

http://2img.net/i/fa/invision/exp_minus.gif

http://2img.net/i/fa/invision/exp_plus.gif

Código:


.contract, .expand{margin-right: 10px;width: 26px;height: 18px}