Criar uma categoria retrátil com JS

Detalhes da questão

Endereço do fórum: http://www.brasilplayforever.com/forum
Versão do fórum: phpBB3

Descrição

Bom, usei o tutorial abaixo e ele funcionou, só que tem um probleminha... quando ele 'minimiza' a categoria, se você recarregar a página, a imagem de 'maximizar' reseta e não fica com o botão de +, volta o botão de minimizar sendo que ele já está minimizado...

Tutorial: https://ajuda.forumeiros.com/t90717-tutorial-criar-uma-categoria-retratil-com-javascript

Só entrar no fórum e fazer um teste, minimiza > recarrega a página > verá o problema,

Crie um novo JS com o código:

Código:

(function ($) {
  'use strict';

  var check = function () {
    $('.topiclist.forums').each(function () {
      var $this = $(this);

      if ($this.css('display') !== 'none') {
        return;
      }

      $this
        .parents('.forabg')
          .find('[src="http://i.imgur.com/I5HCAxH.png"]')
            .attr('src', 'http://i.imgur.com/LBFBNlE.png')
      ;
    });
  };

  $(function () {
    check();
  });
  $(window).on('load', function () {
    check();
  });
}(jQuery));

O senhor ainda deve manter o código original.

Perfeito, resultou.

Agora tem como o botão fazer algum efeito? Ele fica lá parado e quando passa o mouse nele não muda nada, nem a setinha do mouse muda... tá meio sem graça isso, tem como ajeitar?

Adicione em sua CSS:

Código:

.header .icon + img {
  cursor: pointer;
  transition: all 120ms;
  transform: scale(0.9);
}

.header .icon + img:hover {
  transform: scale(1.1);
}

o/

Oba, perfeito.

Muito obrigado, Luiz. You is the best